Files
agroexpert/frontend/dist/assets/main.css

3560 lines
129 KiB
CSS
Raw Normal View History

2024-04-03 22:58:59 +03:00
/* http://meyerweb.com/eric/tools/css/reset/
v5.0.1 | 20191019
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
display: block;
}
/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
display: none;
}
body {
line-height: 1;
}
menu, ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
:root {
--primary: #f18917;
--secondary: #006842;
--black: #000;
--white: #fff;
--gray: #cfcfcf;
--adv-gray: #2f2f2f;
--placeholder-gray: #3a3a3a;
--bg: #f7f8f3;
}
html {
font-size: 10px;
}
a {
color: inherit;
}
body {
font-family: 'Raleway', sans-serif;
font-variant-numeric: lining-nums;
background: var(--bg);
font-size: 1.3rem;
line-height: 150%;
color: var(--black);
-webkit-text-size-adjust: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
a {
text-decoration: none;
outline: none;
color: var(--black);
}
li {
list-style: none;
}
button {
border: 0;
padding: 0;
background: none;
cursor: pointer;
}
.link {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.link:hover {
color: var(--primary);
}
.link-icon-after::after {
content: '';
background: url(../images/link_after.svg);
width: 1rem;
height: 1rem;
display: inline-block;
margin-left: 0.4rem;
position: relative;
top: 0.1rem;
}
.wpcf7-spinner {
display: none !important;
}
.wp-block-embed iframe {
width: 100%;
}.container {
max-width: 1440px;
margin: 0 auto;
}
@media (max-width: 767px) {
.container {
padding: 0 2rem;
}
}
.footer {
background: #fff;
}
.footer-top {
border-top: 1px solid var(--gray);
}
.footer-top__inner {
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;
padding: 3rem 6.9rem;
}
@media (max-width: 1400px) {
.footer-top__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
.footer__nav {
padding-right: 12.5rem;
}
@media (max-width: 768px) {
.footer-top__inner {
padding: 0;
}
.footer__nav {
padding: 0;
}
}
.footer-top__right {
padding-right: 13.9rem;
}
.footer-bottom {
border-top: 1px solid var(--gray);
}
.footer-bottom__inner {
padding: 3.2rem 11.2rem 4.2rem 11.2rem;
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;
}
@media (max-width: 1300px) {
.footer-bottom__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.footer-bottom__text {
font-size: 1.2rem;
color: #2f2f2f;
line-height: 2.6rem;
font-family: 'Roboto', sans-serif;
}
.footer-bottom__link {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.footer-bottom__link:hover {
color: var(--primary);
}
@media (max-width: 768px) {
.footer__logo {
border-bottom: 1px solid var(--gray);
padding: 2.8rem 7.8rem 3.2rem;
text-align: center;
}
.footer__conatiner {
padding: 0;
}
.footer-bottom__inner {
padding: 0;
padding-top: 1.8rem;
padding-bottom: 2.4rem;
}
}
.header {
border-bottom: 1px solid #cfcfcf;
background: #fff;
}
.header__inner {
padding: 1.2rem 3.6rem;
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;
}
.header__logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header__logo img {
max-width: 100%;
}
.header__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 9.6rem;
}
@media (max-width: 1120px) {
.header__right {
gap: 4.8rem;
}
}
.header__actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4rem;
}
.header-action {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header-action svg path {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.header-action:hover svg path {
fill: var(--primary);
}
.header__burger {
display: none;
}
.header-mobile {
display: none;
}
@media (max-width: 1023px) {
.nav.header__nav {
display: none;
}
.socials.header__socials {
display: none;
}
.header__burger {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.header__burger img:last-child {
display: none;
}
.header__burger.is-active {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.header__burger.is-active img:first-child {
display: none;
}
.header__burger.is-active img:last-child {
display: block;
}
.header-mobile {
position: absolute;
width: 100%;
top: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #fff;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: 0.3s;
transition: 0.3s;
z-index: 99;
}
.header-mobile.is-active {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.nav.header-mobile__nav {
padding: 4.5rem 7.9rem;
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: start;
-ms-flex-align: start;
align-items: flex-start;
max-width: unset;
margin: 0;
gap: 3rem;
border-top: 1px solid #cfcfcf;
}
.socials.header-mobile__socials {
padding: 3.6rem 0 4.8rem 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-top: 1px solid #cfcfcf;
}
}
@media (max-width: 767px) {
.header {
position: relative;
}
.header__inner {
padding: 1.5rem 0;
}
.header__logo {
width: 15.8rem;
}
.header__right {
gap: 3.3rem;
}
}
.advert-item {
padding: 2rem 2.5rem 2.5rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: var(--bg);
width: 100%;
border-bottom: 1px solid var(--gray);
border-left: 1px solid var(--gray);
margin-left: -1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
}
@media (max-width: 1024px) {
.advert-item {
width: 100%;
}
}
@media (max-width: 767px) {
.advert-item {
gap: 20px;
}
}
.advert-item__heading {
color: var(--white);
position: absolute;
left: 2.5rem;
bottom: 3rem;
}
.advert-item__block-title {
margin-bottom: 5px;
}
.advert-item__block-title_margin-lg {
margin-bottom: 20px;
}
@media (max-width: 767px) {
.advert-item__block-title_margin-lg {
margin-bottom: 10px;
}
}
.advert-item__subtitle {
font-size: 2.4rem;
}
.advert-item__documents-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.advert-item__documents-list {
grid-template-columns: repeat(1, 1fr);
gap: 10px;
}
}
.advert-item__document {
padding: 7px 9px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
background-color: var(--white);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.advert-item__document:hover .advert-item__document-description {
text-decoration: underline;
}
.advert-item__icon {
width: 36px;
height: 36px;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.advert-item__icon_pdf {
background-image: url('../images/pdf_icon.png');
}
.advert-item__icon_doc {
background-image: url('../images/doc_icon.png');
}
.advert-item__document-description {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.advert-item__contacts {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
gap: 10px;
}
@media (max-width: 767px) {
.advert-item__contacts {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.advert-item__contact-item {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 16px;
padding-bottom: 42px;
}
@media (max-width: 767px) {
.advert-item__contact-item {
width: 100%;
padding-bottom: 0;
}
}
.advert-item__avatar-container {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 80px;
border-radius: 50%;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.advert-item__contacts-avatar {
width: 100%;
}
.advert-item__contact-name {
margin-bottom: 5px;
}
.advert-item__contact-position {
margin-bottom: 10px;
}
.advert-item__contact-phone {
margin-bottom: 5px;
}
2024-04-19 08:37:38 +03:00
.advert-item__contact-email, .advert-item__contact-email a{
2024-04-03 22:58:59 +03:00
color: var(--secondary);
}.article-item {
padding: 1.2rem 1.25rem 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: var(--bg);
width: 50%;
border-bottom: 1px solid var(--gray);
border-left: 1px solid var(--gray);
margin-left: -1px;
}
.maintitle-mob{
display: none;
font-weight: bold;
color: #006842;
margin: 12px 0 12px 0;
}
.article-item-mob{
display: none;
}
@media (max-width: 1024px) {
.article-item {
width: 100%;
}
}
.article-item__image-container {
position: relative;
}
.article-item__image-container img {
width: 100%;
height: 21rem;
-o-object-fit: cover;
object-fit: cover;
}
.article-item__text {
margin-top: 0.5rem;
padding: 1.5rem 1.25rem;
}
.article-item__link {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.article-item__link:hover {
color: var(--primary);
}
.article-item__tag {
position: absolute;
right: 1.3rem;
bottom: 2.1rem;
}
.article-item__title {
margin-top: 0.5rem;
}
.article-item--lg {
width: 100%;
padding: 0;
}
.article-item--lg .article-item__image-container img {
height: 41.5rem;
}
.article-item--lg .article-item__text {
margin-top: 0;
padding: 2rem 2.5rem 2.5rem 2.5rem;
}
.article-item__descr {
margin-top: 1.5rem;
}
.article-item--no-image {
padding: 0;
background: #fff;
min-height: 22.6rem;
}
.article-item--no-image .article-item__text {
padding: 1.5rem 2.5rem;
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: start;
-ms-flex-align: start;
align-items: flex-start;
}
.article-item--no-image .article-item__tag {
border-color: #7c7c7c;
color: #000;
position: relative;
right: unset;
bottom: unset;
margin-bottom: 0.5rem;
}
.article-item--no-image .article-item__descr {
margin-top: 1rem;
}
.article-item--horizontal {
width: 100%;
padding: 1.2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.article-item--horizontal .article-item__image-container {
width: 33rem;
min-width: 33rem;
}
.article-item--horizontal .article-item__text {
margin-top: 0;
padding: 1.5rem 2.5rem;
}
.article-item--inline {
width: 100%;
padding: 1.2rem;
}
.article-item--inline .article-item__text {
margin-top: 0;
padding: 1.5rem 2.5rem;
}
@media (max-width: 767px) {
.article-item-mob{
display: block;
}
.maintitle-mob{
display: block;
}
.article-item__image-container img {
height: auto;
}
.articles-preview {
margin: 0 -2rem;
}
.article-item {
padding: 1.2rem 2rem 2.7rem 2rem;
border: 0;
border-bottom: 1px solid var(--gray);
}
.article-item__text {
padding: 1rem 0.7rem 0 0.7rem;
}
.article-item--lg {
padding: 0;
border-top: 1px solid var(--gray);
}
.article-item--lg .article-item__image-container img {
height: 26rem;
}
.article-item--lg .article-item__text {
padding: 2.7rem;
}
.article-item__descr {
margin-top: 0.5rem;
}
.article-item--horizontal {
padding: 1.2rem 2rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.article-item--horizontal .article-item__image-container {
width: 100%;
min-width: 100%;
}
.article-item--horizontal .article-item__text {
margin-top: 0;
padding: 1.5rem 0.7rem;
}
.article-item--inline .article-item__text {
margin-top: 0;
padding: 0.3rem 0.7rem;
}
}.article-single {
padding: 2rem 2.5rem 0 2.5rem;
}
.article-time.article-single__time {
margin-bottom: 1.5rem;
}
.article-single__tag {
font-size: 1.1rem;
line-height: 1.6rem;
color: #000;
padding: 0.1rem 1.2rem;
border: 1px solid #7c7c7c;
border-radius: 5rem;
display: inline-block;
margin-bottom: 1.5rem;
}
.article-single__title {
margin-bottom: 1.5rem;
}
.article-author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.4rem;
margin-bottom: 1.5rem;
}
.article-author__img {
width: 5rem;
height: 5rem;
border-radius: 50%;
overflow: hidden;
position: relative;
}
.article-author__img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.article-author__name {
font-weight: 700;
font-size: 1.3rem;
line-height: 2rem;
color: #2f2f2f;
}
.article-single__content p {
font-weight: 500;
font-size: 1.5rem;
line-height: 2rem;
margin-bottom: 2.5rem;
}
.article-single__content a {
color: var(--secondary);
font-weight: bold;
}
.article-single-img,
.wp-block-image {
margin: 0 -2.5rem;
position: relative;
margin-bottom: 2rem;
height: 41.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.event-single .article-single-img,
.event-single .wp-block-image {
margin: 0;
}
.article-single-img>img,
.wp-block-image>img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
-o-object-fit: cover;
object-fit: cover;
}
.article-single-img__text,
.wp-element-caption {
position: absolute;
z-index: 1;
left: 2.5rem;
bottom: 2.5rem;
font-size: 1.1rem;
line-height: 1.6rem;
border: 1px solid #fff;
border-radius: 5rem;
background-color: #ffffff;
padding: 4px 8px;
}
.article-single-img__video {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2rem;
position: absolute;
left: 3.9rem;
bottom: 2.3rem;
font-size: 1.1rem;
line-height: 1.6rem;
color: #ffffff;
}
.article-single-gal,
.wp-block-gallery.is-layout-flex.wp-block-gallery-is-layout-flex {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.1rem;
margin: 0 -2.5rem;
margin-bottom: 2rem;
}
.event-single .article-single-gal,
.event-single .wp-block-gallery.is-layout-flex.wp-block-gallery-is-layout-flex {
margin: 0;
}
.wp-block-gallery.is-layout-flex.wp-block-gallery-is-layout-flex .wp-block-image {
margin: 0;
margin-bottom: 0;
height: 20.8rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.article-single-gal .article-single-img,
.wp-block-gallery .article-single-img {
margin: 0;
height: 20.8rem;
}
.article-section__title {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 2.5rem;
font-weight: 700;
font-size: 1.8rem;
line-height: 2.2rem;
border-top: 1px solid var(--gray);
border-bottom: 1px solid var(--gray);
}
.article-social{
text-transform: uppercase;
font-weight: bold;
margin-bottom: 14px;
}
2024-04-17 13:05:05 +03:00
sub {
vertical-align: sub;
font-size: smaller;
}
sup {
vertical-align: super;
font-size: smaller;
}
2024-04-03 22:58:59 +03:00
@media (max-width: 767px) {
.article-single {
border-top: 1px solid var(--gray);
margin: 0 -2rem;
padding: 1.5rem 2.4rem 0.5rem 2.4rem;
}
.article-time.article-single__time {
margin-bottom: 1rem;
}
.article-single__tag {
margin-bottom: 1rem;
}
.article-single__title {
margin-bottom: 1rem;
}
.article-author {
margin-bottom: 1rem;
}
.article-single__content p {
margin-bottom: 1.5rem;
}
.article-single-img,
.wp-block-image {
margin: 0 -2.4rem;
margin-bottom: 2rem;
height: 26rem;
}
.article-single-img__text {
bottom: 2rem;
}
.article-single-img__video {
left: 2.1rem;
bottom: 2.1rem;
}
.article-single-gal,
.wp-block-gallery.is-layout-flex.wp-block-gallery-is-layout-flex {
grid-template-columns: 1fr;
gap: 0;
margin: 0 -2.4rem;
margin-bottom: 2rem;
}
.wp-block-gallery.is-layout-flex.wp-block-gallery-is-layout-flex .wp-block-image {
height: 26rem;
}
.article-single-gal .article-single-img {
height: 26rem;
}
.article-section__title {
width: calc(100% + 4rem);
margin: 0 -2rem;
}
.article-item--no-image {
padding: 0;
min-height: unset;
}
}.contacts__map-container {
width: 100%;
max-width: 711px;
aspect-ratio: 711 / 414;
}
.contacts__map {
width: 100%;
height: 100%;
}
.contacts__container {
padding: 20px 25px 25px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
}
.contacts__text-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5px;
}
2024-04-19 08:37:38 +03:00
.contacts__block-email, .contacts__block-email a {
2024-04-03 22:58:59 +03:00
color: var(--secondary);
}
.contacts__form {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
}
.contacts__input {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 12px 13px 11px;
border: 1px solid var(--gray);
}
.contacts__input::-webkit-input-placeholder {
color: var(--placeholder-gray);
font-family: 'Raleway', sans-serif;
font-size: 13px;
font-weight: 500;
}
.contacts__input::-moz-placeholder {
color: var(--placeholder-gray);
font-family: 'Raleway', sans-serif;
font-size: 13px;
font-weight: 500;
}
.contacts__input:-ms-input-placeholder {
color: var(--placeholder-gray);
font-family: 'Raleway', sans-serif;
font-size: 13px;
font-weight: 500;
}
.contacts__input::-ms-input-placeholder {
color: var(--placeholder-gray);
font-family: 'Raleway', sans-serif;
font-size: 13px;
font-weight: 500;
}
.contacts__input::placeholder {
color: var(--placeholder-gray);
font-family: 'Raleway', sans-serif;
font-size: 13px;
font-weight: 500;
}
.contacts__input_name {
width: calc(50% - 10px);
}
.contacts__input_email {
width: calc(50% - 10px);
}
.contacts__input_theme {
width: 100%;
}
.contacts__input_message {
height: 160px;
width: 100%;
resize: none;
}
.contacts__submit-button {
padding: 12px 40px !important;
}
.contacts__policy {
color: var(--secondary);
}
@media (max-width: 1439px) {
.contacts__map-container {
max-width: initial;
}
}
@media (max-width: 767px) {
.contacts__map-container {
aspect-ratio: 360 / 260;
margin: 0 -2rem;
width: calc(100% + 4rem);
}
.contacts__container {
padding: 15px 26.5px;
margin: 0 -2rem;
}
.contacts__form {
gap: 15px;
}
.contacts__input_name,
.contacts__input_email {
width: 100%;
}
.contacts__submit-button {
padding: 15px 40px !important;
width: 100%;
}
}
.event-item {
padding: 1.2rem 1.25rem 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: var(--bg);
width: 100%;
padding: 0;
border-bottom: 1px solid var(--gray);
border-left: 1px solid var(--gray);
margin-left: -1px;
}
@media (max-width: 1024px) {
.event-item {
width: 100%;
}
}
.event-item__image-container {
position: relative;
height: 30rem;
}
.event-item__image-container img {
width: 100%;
height: 30rem;
-o-object-fit: cover;
object-fit: cover;
}
.event-item__heading {
color: var(--white);
position: absolute;
left: 2.5rem;
bottom: 3rem;
}
.event-item__title {
font-weight: 700;
font-size: 3.2rem;
line-height: 1.17;
margin-bottom: 5px;
}
.event-item__subtitle {
font-weight: 700;
font-size: 2.4rem;
}
.event-item__text {
padding: 2rem 2.5rem 2.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.5rem;
}
.event-item__description-block {
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: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 5px;
}
@media (max-width: 767px) {
.event-item__heading {
left: 2.5rem;
bottom: 3.2rem;
}
.event-item__image-container,
.event-item__image-container img {
height: 26rem;
}
.event-item__title {
max-width: 50%;
font-size: 2rem;
}
.event-item__subtitle {
font-size: 1.8rem;
}
.event-item__text {
padding: 1.5rem 2.6rem 1.5rem;
gap: 1rem;
}
}
.interview-item__image-container {
position: relative;
}
.interview-item__image-container > img {
width: 100%;
height: 21rem;
-o-object-fit: cover;
object-fit: cover;
}
.interview-item-video__button {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: white;
gap: 1.5rem;
left: 1.5rem;
bottom: 2rem;
}
.partner-item {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 12px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.partner-item:not(:last-of-type) {
border-bottom: 1px solid var(--gray);
}
.partner-item:hover {
cursor: pointer;
}
.partner-item p {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.partner-item:hover p {
color: var(--primary);
}
.partner-item__text-container {
padding: 15px 25px 15px;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.partner-item__image-container {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 33%;
}
.partner-item__image-container img {
width: 100%;
}
@media (max-width: 767px) {
.partner-item {
padding: 12px 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.partner-item__image-container {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
}
.partner-item__text-container {
padding: 15px 7px 15px;
}
.partner-item {
border-bottom: 1px solid var(--gray);
}
}
.single-partner-item {
width: 100%;
padding: 20px 25px 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
border-bottom: 1px solid var(--gray);
}
.subtitle_code {
color: var(--adv-gray);
font-size: 11px;
font-weight: 400;
}
.single-partner__text-block {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.single-partner__block-title {
margin-bottom: 10px;
}
.content-middle ul,
.content-middle ol {
margin-bottom: 10px;
padding-left: 20px;
}
.content-middle ol li {
list-style: decimal;
display: list-item;
}
.content-middle li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.content-middle ul li::before {
content: '';
display: block;
position: absolute;
-ms-flex-negative: 0;
flex-shrink: 0;
left: -12px;
top: 8px;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
width: 3px;
height: 3px;
max-height: 3px;
overflow: visible;
border-radius: 50%;
background: var(--black);
margin-right: 10px;
}
@media (max-width: 767px) {
.single-partner-item {
width: 100%;
padding: 15px 26.5px;
}
.single-partner__block-title {
margin-bottom: 5px;
}
}.suggestion-item {
width: 50%;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 15px 25px;
background-color: var(--white);
}
.suggestion-item:nth-of-type(2n + 1) {
border-right: 1px solid var(--gray);
}
.suggestion-item:nth-of-type(-n + 2) {
border-bottom: 1px solid var(--gray);
}
@media (max-width: 767px) {
.suggestion-item {
margin: 0 -2rem;
padding: 15px 25px;
width: calc(100% + 4rem);
border: none !important;
}
.suggestion-item:not(:last-of-type) {
border-bottom: 1px solid var(--gray) !important;
}
}
/*! name: vanilla-calendar-pro | url: https://github.com/uvarov-frontend/vanilla-calendar-pro */
.vanilla-calendar{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;width:300px;min-width:272px;max-width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:.75rem;padding:1rem;opacity:1;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;transition-duration:.15s}@supports ((width: -moz-max-content) or (width: max-content)) and ((height: -moz-max-content) or (height: max-content)){.vanilla-calendar{height:-webkit-max-content;height:-moz-max-content;height:max-content;width:-webkit-max-content;width:-moz-max-content;width:max-content}}.vanilla-calendar_multiple{width:550px}@supports ((width: -moz-fit-content) or (width: fit-content)){.vanilla-calendar_multiple{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.vanilla-calendar button:focus-visible{border-radius:.5rem;outline-style:solid;outline-width:1px}.vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-days{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.vanilla-calendar_hidden{pointer-events:none;opacity:0}.vanilla-calendar_hidden *{pointer-events:none!important}.vanilla-calendar_to-input{position:absolute}.vanilla-calendar_to-input_bottom{margin-top:.25rem}.vanilla-calendar_to-input_top{margin-top:-.25rem}.vanilla-calendar-controls{pointer-events:none;position:absolute;left:0;right:0;top:0;z-index:20;-webkit-box-sizing:content-box;box-sizing:content-box;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;padding-left:1rem;padding-right:1rem;padding-top:1.25rem}.vanilla-calendar-arrow{pointer-events:auto;position:relative;display:block;height:1.5rem;width:1.5rem;cursor:pointer;border-width:0px;background-color:transparent}.vanilla-calendar-arrow:before{position:absolute;left:0;top:0;height:100%;width:100%;--tw-content: "";content:var(--tw-content)}.vanilla-calendar-arrow.vanilla-calendar-arrow_prev:before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.vanilla-calendar-arrow.vanilla-calendar-arrow_next:before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.vanilla-calendar-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:1.75rem}.vanilla-calendar-grid.vanilla-calendar-grid_disabled .vanilla-calendar-column{pointer-events:none;opacity:.3}.vanilla-calendar-grid.vanilla-calendar-grid_disabled .vanilla-calendar-column.vanilla-calendar-column_month,.vanilla-calendar-grid.vanilla-calendar-grid_disabled .vanilla-calendar-column.vanilla-calendar-column_year{pointer-events:auto;opacity:1}.vanilla-calendar-column{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.vanilla-calendar-header{position:relative;margin-bottom:.75rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vanilla-calendar-header__content{display:grid;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;grid-auto-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;white-space:pre-wrap;padding-left:1rem;padding-right:1rem}.vanilla-calendar-month,.vanilla-calendar-year{cursor:pointer;border-radius:.25rem;border-width:0px;background-color:transparent;padding:.25rem;font-size:1rem;line-height:1.5rem;font-weight:700}.vanilla-calendar-month.vanilla-calenda
:root{--ss-primary-color: #5897fb;--ss-bg-color: #ffffff;--ss-font-color: #4d4d4d;--ss-font-placeholder-color: #8d8d8d;--ss-disabled-color: #dcdee2;--ss-border-color: #dcdee2;--ss-highlight-color: #fffb8c;--ss-success-color: #00b755;--ss-error-color: #dc3545;--ss-focus-color: #5897fb;--ss-main-height: 30px;--ss-content-height: 300px;--ss-spacing-l: 7px;--ss-spacing-m: 5px;--ss-spacing-s: 3px;--ss-animation-timing: 0.2s;--ss-border-radius: 4px}@-webkit-keyframes ss-valueIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes ss-valueIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes ss-valueOut{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0);transform:scale(0);opacity:0}}@keyframes ss-valueOut{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0);transform:scale(0);opacity:0}}.ss-hide{display:none !important}.ss-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--ss-font-color);min-height:var(--ss-main-height);width:100%;padding:var(--ss-spacing-s);cursor:pointer;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background-color var(--ss-animation-timing);transition:background-color var(--ss-animation-timing);overflow:hidden}.ss-main:focus{-webkit-box-shadow:0 0 5px var(--ss-focus-color);box-shadow:0 0 5px var(--ss-focus-color)}.ss-main.ss-disabled{background-color:var(--ss-disabled-color);cursor:not-allowed}.ss-main.ss-disabled .ss-values .ss-disabled{color:var(--ss-font-color)}.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main.ss-open-above{border-top-left-radius:0px;border-top-right-radius:0px}.ss-main.ss-open-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.ss-main .ss-values{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--ss-spacing-m);-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}.ss-main .ss-values .ss-placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;padding:var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);margin:auto 0px auto 0px;line-height:1em;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;color:var(--ss-font-placeholder-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-values .ss-max{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m);background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius)}.ss-main .ss-values .ss-single{display:-webkit-box;display:-ms-flexbox;display:flex;margin:auto 0px auto var(--ss-spacing-s)}.ss-main .ss-values .ss-value{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius);-webkit-animation-name:ss-valueIn;animation-name:ss-valueIn;-webkit-animation-duration:var(--ss-animation-timing);animation-duration:var(--ss-animation-timing);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-
/*# sourceMappingURL=slimselect.css.map */.about {
padding: 2rem 2.5rem 2.5rem 2.5rem;
}
.about-text {
font-weight: 500;
font-size: 1.3rem;
line-height: 2rem;
margin-bottom: 2rem;
}
.about-title {
font-weight: 700;
font-size: 1.8rem;
line-height: 2.2rem;
margin-top: 4.5rem;
margin-bottom: 2rem;
}
.about-items {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
-webkit-column-gap: 1.6rem;
-moz-column-gap: 1.6rem;
column-gap: 1.6rem;
row-gap: 2.5rem;
}
.about-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.6rem;
}
.about-item__img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 8rem;
height: 8rem;
border-radius: 50%;
overflow: hidden;
position: relative;
}
.about-item__img img {
position: absolute;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.about-item__name {
font-weight: 700;
font-size: 1.3rem;
line-height: 1.6rem;
margin-bottom: 0.5rem;
max-width: 19rem;
}
.about-item__position {
font-weight: 500;
font-size: 13px;
line-height: 2rem;
color: #2f2f2f;
}
2024-04-12 21:04:43 +03:00
.edition-title{
font-weight: 700;
font-size: 2rem;
line-height: 2.4rem;
}
2024-04-03 22:58:59 +03:00
@media (max-width: 767px) {
.about {
padding: 1.5rem 0.5rem;
}
.about-title {
font-size: 1.6rem;
line-height: 2rem;
margin-top: 1rem;
}
.about-items {
row-gap: 1rem;
}
.about-item__img {
min-width: 8rem;
}
.about-section-title {
border-top: 1px solid var(--gray);
}
}
.banner--header {
2024-04-17 12:56:16 +03:00
display: block;
max-width: 1440px;
2024-04-03 22:58:59 +03:00
width: 100%;
2024-04-17 12:56:16 +03:00
margin: 0 auto;
2024-04-03 22:58:59 +03:00
overflow: hidden;
}
2024-04-17 12:56:16 +03:00
.banner--header IMG{
2024-04-03 22:58:59 +03:00
width: 100%;
2024-04-17 12:56:16 +03:00
height: auto;
}
2024-04-03 22:58:59 +03:00
@media (max-width: 767px) {
.banner--header {
2024-04-17 12:15:16 +03:00
display: block;
max-width: 767px;
width: 100%;
/* height: 8rem;
position: relative; */
2024-04-03 22:58:59 +03:00
}
.banner--header img {
2024-04-17 12:15:16 +03:00
width: 100%;
height: auto;
/*position: absolute;
2024-04-03 22:58:59 +03:00
left: 50%;
top: 50%;
2024-04-17 12:15:16 +03:00
transform: translate(-50%, -50%);
max-height: 100%;*/
2024-04-03 22:58:59 +03:00
}
}.breadcrumbs {
background: #fff;
border-bottom: 1px solid var(--gray);
margin-bottom: -4px;
position: relative;
}
.breadcrumbs__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.8rem;
padding: 0.8rem 5rem;
}
.breadcrumbs__item {
line-height: 1.2rem;
color: #7c7c7c;
-webkit-transition: 0.3s;
transition: 0.3s;
font-size: 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.8rem;
}
a.breadcrumbs__item:hover {
color: var(--primary);
}
a.breadcrumbs__item::after {
content: '';
width: 1.4rem;
height: 1.4rem;
background: url('../icons/breadcrumbs_arrow.svg');
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 767px) {
.breadcrumbs__list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0.8rem 0.5rem;
}
}
.button {
padding: 1.5rem;
background: var(--primary);
font-weight: 700;
font-size: 1.6rem;
line-height: 1.8rem;
color: #fff;
-webkit-transition: 0.3s;
transition: 0.3s;
border-radius: 0.5rem;
}
.button:hover {
background: var(--secondary);
}
.vanilla-calendar {
min-width: 100%;
padding: 0;
}
.vanilla-calendar-days {
row-gap: 0;
}
.vanilla-calendar-day {
height: 4.2rem;
}
[data-calendar-theme=light] .vanilla-calendar-day__btn_today {
background: none;
}
[data-calendar-theme=light] .vanilla-calendar-day__btn_today:hover {
color: inherit;
}
[data-calendar-theme='light'] .vanilla-calendar-day__btn {
color: #9a9a9a;
font-family: 'Raleway', sans-serif;
border-radius: 0;
}
[data-calendar-theme='light'] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme='light'] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme='light'] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next:hover,
[data-calendar-theme='light'] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next:hover,
[data-calendar-theme='light'] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover,
[data-calendar-theme='light'] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover,
[data-calendar-theme='light'] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover,
[data-calendar-theme='light'] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected,
[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev,
[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next,
[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover {
background: transparent;
}
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected {
color: #eb5757;
}
[data-calendar-theme='light'] .vanilla-calendar-day__btn:hover {
background: transparent;
}
[data-calendar-theme='light'] .vanilla-calendar-day__btn_weekend,
[data-calendar-theme='light'] .vanilla-calendar-day__btn_holiday {
color: #eb5757;
}
[data-calendar-theme='light'] .vanilla-calendar-day__btn_selected {
color: #000;
background: transparent;
position: relative;
}
[data-calendar-theme='light'] .vanilla-calendar-day__btn_selected::before {
content: '';
width: 0.8rem;
height: 0.8rem;
top: 0.9rem;
right: 0.3rem;
position: absolute;
border-radius: 50%;
background: var(--primary);
}
[data-calendar-theme='light'] .vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover {
color: #000;
background: #f1f1f1;
}
.vanilla-calendar-month,
.vanilla-calendar-year {
font-weight: 500;
font-size: 1.6rem;
}
.vanilla-calendar-day__btn {
font-size: 1.6rem;
font-weight: 500;
}
.vanilla-calendar-week {
margin-bottom: 0.7rem;
}
[data-calendar-theme='light'] .vanilla-calendar-week__day {
color: #4f4f4f;
}
[data-calendar-theme='light'] .vanilla-calendar-week__day_weekend {
color: #eb5757;
}
.vanilla-calendar-week__day {
font-weight: 700;
font-size: 1rem;
line-height: 1.4rem;
}
.vanilla-calendar-header {
margin-bottom: 1.9rem;
}
.vanilla-calendar-day__btn:not(.vanilla-calendar-day__btn_selected) {
pointer-events: none;
}.checkbox {
cursor: pointer;
}
.checkbox__input {
display: none;
}
.checkbox__input:checked~.checkbox__inner .checkbox__check img {
display: block;
}
.checkbox__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
font-weight: 500;
font-size: 1.3rem;
line-height: 2rem;
}
.checkbox__check {
width: 1.8rem;
height: 1.8rem;
border-radius: 0.3rem;
border: 1px solid #CFCFCF;
background: #fff;
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;
}
.checkbox__check img {
display: none;
}.error-page {
min-height: 57.9rem;
background: url('../images/error_bg.jpg') top no-repeat;
background-size: cover;
}
.error-page-500 {
background: url('../images/bg_500.jpg') top no-repeat;
background-size: cover;
color: #fff;
}
.error-page__inner {
padding: 14.8rem 23.2rem;
}
.error-page__title {
font-weight: 700;
font-size: 2rem;
line-height: 2.4rem;
margin-bottom: 2.5rem;
}
.error-page__subtitle {
font-weight: 700;
font-size: 1.6rem;
line-height: 2rem;
margin-bottom: 2.5rem;
max-width: 31rem;
}
.error-page__btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 26.1rem;
}
@media (max-width: 767px) {
.error-page {
min-height: unset;
background-position: top 0% right 27%;
}
.error-page__inner {
padding: 23.8rem 0.8rem 11.2rem 0.8rem;
}
.error-page__subtitle {
max-width: unset;
}
.error-page__btn {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}h1,
.h1 {
font-weight: 700;
font-size: 2rem;
line-height: 2.4rem;
}
h2,
.h2 {
font-size: 3.6rem;
line-height: 4.6rem;
}
h3,
.h3 {
font-size: 3.2rem;
line-height: 4.1rem;
}
.subtitle-20 {
font-weight: 700;
font-size: 2rem;
line-height: 2.3rem;
}
.subtitle-18 {
font-weight: 700;
font-size: 1.8rem;
line-height: 2.1rem;
}
.subtitle-16 {
font-weight: 700;
font-size: 1.8rem;
line-height: 2rem;
}
.subtitle-13 {
font-weight: 700;
font-size: 1.3rem;
line-height: 1.6rem;
}
.text-13 {
font-weight: 500;
font-size: 1.5rem;
line-height: 1.9rem;
}
.text-11 {
font-weight: 400;
font-size: 1.1rem;
line-height: 1.6rem;
}
.hero__inner {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.hero-banner {
grid-column: span 3;
min-height: 40rem;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 3.6rem 3rem 11.7rem;
}
.hero-banner__bg {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: -1;
}
.hero-banner__bg::before {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: linear-gradient(19.49deg, #000000 2.74%, rgba(0, 0, 0, 0) 52.71%);
z-index: 1;
}
.hero-banner__bg img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.hero-banner__main {
font-size: 2.6rem;
font-weight: 700;
line-height: 3.2rem;
text-transform: uppercase;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
color: var(--primary);
position: absolute;
left: -1.5rem;
bottom: 7.5rem;
}
.hero-banner__content {
max-width: 57rem;
}
.hero-banner__title {
color: var(--white);
max-width: 34rem;
margin-bottom: 1.5rem;
}
.hero-banner__text {
color: var(--white);
}
@media (max-width: 767px) {
.most-read.hero__most-read {
display: none;
}
.hero__container {
padding: 0;
display: none;
}
.hero__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.hero-banner {
width: 100%;
padding: 0 2rem 4rem 6.5rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 1rem;
}
.hero-banner::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: linear-gradient(19.49deg, #000000 2.74%, rgba(0, 0, 0, 0) 52.71%),
linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
.hero-banner__main {
left: -3.3rem;
bottom: 12.5rem;
}
.hero-banner__content,
.hero-banner__tag {
position: relative;
z-index: 1;
}
}.input {
border: 1px solid #cfcfcf;
background: #fff;
padding: 1.2rem 1.3rem;
font-size: 1.3rem;
line-height: 2rem;
display: block;
}
.input::-webkit-input-placeholder {
color: #3a3a3a;
}
.input::-moz-placeholder {
color: #3a3a3a;
}
.input:-ms-input-placeholder {
color: #3a3a3a;
}
.input::-ms-input-placeholder {
color: #3a3a3a;
}
.input::placeholder {
color: #3a3a3a;
}
.menu-vertical {
padding: 2.5rem 5.6rem;
}
.menu-vertical__inner {
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: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.5rem;
}
.menu-vertical__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.5rem;
font-weight: 600;
font-size: 1.3rem;
line-height: 1.5rem;
color: var(--secondary);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.menu-vertical__item-icon img {
max-width: 2rem;
}
.menu-vertical__item.is-active {
color: #000;
}
.menu-vertical__item:hover {
color: var(--primary);
}
.menu-vertical__head {
display: none;
}
@media (max-width: 767px) {
.menu-vertical {
padding: 0;
position: relative;
}
.menu-vertical__head {
padding: 1.7rem 0.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
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;
font-weight: 600;
font-size: 1.3rem;
line-height: 1.6rem;
color: var(--secondary);
}
.menu-vertical__head.is-active svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.menu-vertical__head svg {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.menu-vertical__inner {
position: absolute;
left: -2rem;
top: 100%;
width: calc(100% + 4rem);
z-index: 1;
background: var(--bg);
padding: 2rem 2.5rem 3rem 2.5rem;
border-top: 1px solid var(--gray);
-webkit-box-shadow: 0px 4px 4px 0px #00000026;
box-shadow: 0px 4px 4px 0px #00000026;
display: none;
}
.menu-vertical__inner.is-active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.menu__inner {
padding: 0.2rem;
display: grid;
grid-template-columns: repeat(6, 1fr);
-webkit-column-gap: 0.5rem;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
row-gap: 0.2rem;
}
.menu-link {
position: relative;
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: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 3.6rem;
-webkit-box-shadow: 2px 2px 5px 0px #00000040;
box-shadow: 2px 2px 5px 0px #00000040;
border: 1px solid;
border-image-source: linear-gradient(0deg, #c2c2c2 0%, #ffffff 100%);
background: #f7f8f3;
min-height: 9.4rem;
}
@media (max-width: 1023px) {
.menu-link {
padding: 0 2.1rem;
}
}
.menu-link:hover .menu-link__bg {
opacity: 1;
}
.menu-link__bg {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.menu-link__bg img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.menu-link__icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 0.8rem;
position: relative;
z-index: 1;
}
.menu-link__text {
font-weight: 600;
font-size: 1.2rem;
line-height: 1.4rem;
position: relative;
z-index: 1;
}
@media (max-width: 767px) {
.menu {
display: none;
padding: 1.5rem 0;
overflow: auto;
background: #edefe4;
}
.menu::-webkit-scrollbar {
display: none;
}
.menu__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 0.9rem;
-moz-column-gap: 0.9rem;
column-gap: 0.9rem;
}
.menu-link {
min-width: 25rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 1.5rem;
min-height: 5.4rem;
padding: 1.6rem 2.3rem;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.menu__inner::after {
content: '';
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 2rem;
min-width: 2rem;
height: 2rem;
}
.menu-link__bg {
display: none;
}
.menu-link__icon {
width: 2rem;
margin: 0;
}
.menu-link__icon img {
max-width: 100%;
}
.menu-link__text {
font-size: 1.3rem;
line-height: 1.5rem;
color: var(--secondary);
}
}.modal-overlay {
z-index: 999;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow-y: scroll;
background-color: rgba(0, 0, 0, .7);
}
.modal-thank {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 57.2rem;
background: #fff;
}
.modal-thank__close {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
right: 1.6rem;
top: 1.6rem;
cursor: pointer;
}
.modal-thank__title {
padding: 2.4rem;
font-weight: 700;
font-size: 2rem;
line-height: 2.4rem;
text-align: center;
border-bottom: 1px solid var(--gray);
}
.modal-thank__text {
font-weight: 500;
font-size: 1.3rem;
line-height: 2rem;
color: #2F2F2F;
padding: 2.1rem;
text-align: center;
border-bottom: 1px solid var(--gray);
}
.modal-thank__footer {
padding: 2.4rem;
font-size: 1.3rem;
line-height: 2rem;
-webkit-transition: 0.3s;
transition: 0.3s;
cursor: pointer;
text-align: center;
}
.modal-thank__footer:hover {
color: var(--primary);
}
@media (max-width: 767px) {
.modal-thank {
width: 32rem;
}
.modal-thank__close {
right: 0.8rem;
top: 0.8rem;
}
}.most-read {
padding: 1.7rem 1.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: #fff;
}
.most-read__inner {
border: 1px solid var(--primary);
padding: 4.5rem 2.4rem;
width: calc(100% - 4.6rem);
}
.most-read__title {
color: var(--secondary);
margin-bottom: 2rem;
}
.most-read__link {
padding-bottom: 2rem;
margin-bottom: 2rem;
border-bottom: 1px solid var(--gray);
}
.most-read__link:last-child {
padding-bottom: 0;
margin-bottom: 0;
border: 0;
}
.most-read__link-inner {
-webkit-transition: 0.3s;
transition: 0.3s;
font-size: 1.5rem;
}
.most-read__link-inner:hover {
color: var(--primary);
}
@media (max-width: 767px) {
.most-read {
margin: 0 -2rem;
padding: 1.3rem;
}
.most-read__inner {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 2.3rem;
/* width: calc(100% - 4.6rem); */
}
}.nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4rem;
font-weight: 700;
font-size: 1.4rem;
line-height: 1.6rem;
margin: 0 12px;
}
2024-05-22 21:02:50 +03:00
.rating {
margin-right: 12px;
}
2024-04-03 22:58:59 +03:00
@media (max-width: 768px) {
.nav {
display: grid;
grid-template-columns: 1fr 1fr;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 2rem;
max-width: 234px;
margin: 2.9rem auto 3.6rem;
}
.nav .menu-item:nth-child(2n - 2) {
justify-self: right;
}
2024-05-22 21:02:50 +03:00
.rating {
margin-right: 0;
}
2024-04-03 22:58:59 +03:00
}
.menu-item a {
color: #000;
white-space: nowrap;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.menu-item a:hover {
color: var(--primary);
}
.pagination {
padding: 1.7rem;
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;
border-top: 1px solid var(--gray);
gap: 1.5rem;
}
.pagination__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.5rem;
}
.pagination__item {
font-weight: 500;
font-size: 1.3rem;
line-height: 2rem;
color: #000;
-webkit-transition: 0.3s;
transition: 0.3s;
}
a.pagination__item:hover {
color: var(--primary);
}
.pagination__item.is-active {
font-weight: 700;
}
.pagination__btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.2rem;
font-weight: 500;
font-size: 1.3rem;
line-height: 2rem;
color: #000;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.pagination__btn:hover {
color: var(--primary);
}
@media (max-width: 767px) {
.pagination {
border-top: 0;
border-bottom: 1px solid var(--gray);
margin: 0 -2rem;
}
}
.search-form {
padding: 2rem 2.5rem 2.5rem 2.5rem;
border-bottom: 1px solid var(--gray);
}
.search-form__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
margin-bottom: 1.5rem;
}
.search-form__input-wrapper {
position: relative;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.search-form__input {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.search-form__clear {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 1.3rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
}
.search-form__clear svg rect {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.search-form__clear:hover svg rect {
fill: var(--primary);
}
.search-form__button {
width: 13rem;
}
.search-form__text {
font-size: 1.1rem;
line-height: 1.6rem;
color: #2F2F2F;
margin-bottom: 1.5rem;
}
.search-form__selects {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.4rem;
}
@media (max-width: 767px) {
.search-form__selects {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.ss-content {
z-index: 99999;
}
.search-form {
padding: 1.5rem 2.5rem;
margin: 0 -2rem;
}
.search-form__input-wrapper {
position: relative;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.search-form__button {
width: 100%;
margin-top: 1.5rem;
}
.search-preview {
margin-bottom: 2.7rem;
}
}.section-title {
padding: 2.5rem;
border-bottom: 1px solid var(--gray);
}
@media (max-width: 767px) {
.section-title {
margin: 0 -2rem;
}
}.ss-main {
color: #2F2F2F;
min-height: 2.4rem;
padding: 0.3rem 1.1rem;
width: auto;
white-space: nowrap;
border-color: transparent;
background-color: transparent;
margin-left: -1.1rem;
border-radius: 0;
z-index: 99999;
outline: none;
}
.ss-main:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.ss-main .ss-values .ss-single {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
margin-right: 1rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.8rem;
}
.ss-main .ss-arrow {
min-width: 12px;
}
.ss-main.ss-open-below {
border-color: var(--gray);
border-bottom-color: transparent;
background: var(--bg);
}
.ss-content .ss-list {
min-width: 13.7rem;
border-radius: 0;
}
.ss-content {
min-width: 13.7rem;
padding-bottom: 0.9rem;
background: var(--bg);
}
.ss-content .ss-list .ss-option {
gap: 0.8rem;
padding: 0 0.9rem;
color: #2F2F2F;
margin-top: 0.5rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ss-content .ss-list .ss-option:hover {
color: var(--primary);
background-color: transparent;
}
.ss-content.ss-open-below {
border-radius: 0;
}.tag {
font-size: 1.1rem;
border: 1px solid white;
border-radius: 5rem;
color: white;
padding: 0.1rem 1.2rem;
}
.article-time {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.8rem;
margin-bottom: 0.5rem;
}
.span-2 {
grid-column: span 2;
}
.link::after {
content: '';
width: 1.5rem;
height: 0.9rem;
margin-left: 0.8rem;
display: inline-block;
background-repeat: no-repeat;
background-image: url('../icons/arrow.svg');
}
.doc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
padding-bottom: 20px;
margin-top: 2rem;
border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
}
.doc::before {
content: '';
height: 3rem;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 3.6rem;
background-repeat: no-repeat;
background-image: url('../icons/doc.svg');
}
.doc:last-child {
border-bottom: none;
}
.mobile {
display: none !important;
}
@media (max-width: 1024px) {
.desktop {
display: none !important;
}
.mobile {
display: inherit !important;
}
}
@media (max-width: 1300px) {
.footer__socials {
margin: 2rem 0;
}
}
.suggestion-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.border-top {
border-top: 1px solid var(--gray);
}
.socials {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4rem;
}
.social-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.social-link:hover {
opacity: 0.7;
}
.subscribe-form {
padding: 2.5rem 5.1rem 2.7rem 3.8rem;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.subscribe-form__title {
margin-bottom: 2rem;
}
.subscribe-form__text {
margin-bottom: 2rem;
}
.subscribe-form__input {
margin-bottom: 2rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.subscribe-form__btn {
width: 100%;
}.subscription-form {
padding: 2rem 2.5rem 2.5rem 2.5rem;
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: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
}
.subscription-form__bg {
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.subscription-form__bg img:last-child {
display: none;
}
.subscription-form__title {
font-weight: 500;
font-size: 1.3rem;
line-height: 2rem;
margin-bottom: 2.5rem;
color: #2f2f2f;
}
.subscription-form__subtitle {
font-weight: 700;
font-size: 1.3rem;
line-height: 1.6rem;
margin-bottom: 2rem;
}
.subscription-form__options {
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: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1rem;
margin-bottom: 2.5rem;
}
.subscription-form__input {
width: 27.4rem;
margin-bottom: 2rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.subscription-form__btn {
width: 27.4rem;
margin-bottom: 2.5rem;
}
.subscription-form__policy {
font-size: 1.1rem;
line-height: 1.6rem;
color: #2f2f2f;
}
.subscription-form__policy a {
color: var(--secondary);
}
.grid {
border-top: 1px solid var(--gray);
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.grid__item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.grid__item:first-child {
border-right: 1px solid var(--gray);
}
@media (max-width: 767px) {
.subscription-section-title {
border-top: 1px solid var(--gray);
}
.subscription-form {
padding: 1.5rem 0.8rem 1.5rem 0.8rem;
}
.subscription-form__input {
width: 100%;
}
.subscription-form__btn {
width: 100%;
}
.subscription-form__bg {
right: -2rem;
}
.subscription-form__bg img:first-child {
display: none;
}
.subscription-form__bg img:last-child {
display: block;
}
.articles-preview__show-next.subsctiption-back {
display: block;
margin-bottom: 0;
}
.grid {
display: none;
}
}
.tag {
font-size: 1.1rem;
line-height: 1.6rem;
padding: 0.1rem 1.2rem;
border: 1px solid var(--white);
background-color: #fff;
color: black;
border-radius: 5rem;
opacity: 8;
}
.to-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.4rem;
font-size: 1.2rem;
line-height: 1.4rem;
color: #3f3f3f;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.to-top:hover {
color: var(--primary);
}
@media (max-width: 1024px) {
.to-top {
display: none;
}
}
.upcoming-event {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 2rem;
margin-top: 2rem;
}
.upcoming-event .link {
font-weight: 500;
}
.upcoming-event:last-child {
padding-bottom: 0;
border-bottom: none;
}
.content {
display: grid;
margin-top: 0.3rem;
grid-template-columns: 36.4rem 1fr 36.3rem;
grid-template-areas: 'left middle right';
}
.content-left {
grid-area: left;
}
.content-middle {
grid-area: middle;
}
.content-right {
grid-area: right;
}
.content-right__link-item {
font-weight: 500;
}
@media (max-width: 1439px) {
.content {
grid-template-columns: 36.4rem 1fr;
grid-template-areas:
'left middle'
'right right';
}
.content.content__search {
grid-template-areas:
'middle middle'
'right right';
}
}
@media (max-width: 767px) {
.content {
grid-template-columns: 1fr;
grid-template-areas:
'middle'
'left'
'right';
}
.content-right {
margin: 0 -2rem;
padding-bottom: 3rem;
}
}
.content-sidebar {
background: white;
}
.content-sidebar-top {
padding: 2.5rem 3.3rem;
}
.content-sidebar-top.no-top {
padding-top: 0;
}
.content-sidebar__title {
text-align: center;
margin-bottom: 1.6rem;
}
.upcoming-events {
max-width: 28.8rem;
}
.upcoming-events__title {
margin-top: 1.6rem;
}
.articles-preview {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.articles-wrapper {
border-left: 0.1rem solid var(--gray);
border-right: 0.1rem solid var(--gray);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.articles-preview__show-next {
2024-04-09 10:57:49 +03:00
color: var(--secondary);
2024-04-03 22:58:59 +03:00
padding: 1.8rem 0 1.7rem;
grid-column: span 2;
width: 100%;
text-align: center;
border-top: 0.1rem solid var(--gray);
margin-top: -1px;
font-family: 'Raleway', sans-serif;
2024-04-19 07:56:21 +03:00
font-weight: 700;
2024-04-03 22:58:59 +03:00
-webkit-transition: 0.3s;
transition: 0.3s;
2024-04-19 07:56:21 +03:00
font-size: 2rem;
2024-04-03 22:58:59 +03:00
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.articles-preview__show-next:hover {
color: var(--primary);
}
.articles__spacer-container {
position: relative;
border-top: 1px solid var(--gray);
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.articles__spacer {
height: 100%;
width: 50%;
}
.articles__spacer:first-of-type {
border-right: 1px solid var(--gray);
}
.item-video__name {
padding: 2.5rem 3.8rem;
display: block;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.item-video__name:hover {
color: var(--primary);
}
.item-video__video-wrapper {
position: relative;
height: 20.8rem;
}
.item-video__video-wrapper>img {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.item-video__video-wrapper>img {
max-width: 100%;
max-height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.item-video__button {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: white;
gap: 1.5rem;
left: 3.9rem;
bottom: 1.8rem;
}
.banner-left {
margin: 2.5rem auto 0;
height: 40rem;
width: 24rem;
}
.banner-left a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
}
.banner-middle {
height: 12rem;
max-height: 12rem;
width: 100%;
overflow: hidden;
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;
}
.banner-middle img {
width: 100%;
}
.content-right {
border-top: 0.1rem solid var(--gray);
}
.law {
padding: 2.5rem 3.8rem;
border-top: 0.1rem solid var(--gray);
background: #fff;
}
.content-right__most-read {
border-bottom: 1px solid var(--gray);
}
@media (max-width: 768px) {
.banner-middle {
height: 8rem;
}
.articles__spacer-container {
display: none;
}
.banner-left {
width: 24rem;
margin: 2.5rem auto 0;
}
.subscribe-form__input {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
@media (max-width: 767px) {
.banner-middle {
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: 100%;
overflow: hidden;
position: relative;
}
.banner-middle img {
width: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-height: 100%;
}
.content-right__most-read {
display: none;
}
.articles-wrapper {
border: 0;
}
.content-videos {
margin: 0 -2rem;
}
.item-video__video-wrapper {
height: auto;
}
.item-video__video-wrapper>img {
position: relative;
}
.articles-preview__show-next {
border-bottom: 1px solid var(--gray);
/* margin-bottom: 2.7rem; */
width: calc(100% + 4rem);
margin-left: -2rem;
}
.content-sidebar {
margin: 0 -2rem;
}
}
.event-calendar-mobile {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: var(--white);
border-bottom: 1px solid var(--gray);
}
@media (max-width: 767px) {
.event-calendar-mobile {
margin: 0 -2rem;
width: calc(100% + 4rem);
}
}
.event-calendar__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 15px 24px 13px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.event-calendar__wrapper {
display: none;
}
.event-calendar__wrapper.is-active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.event-calendar__header.is-active svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
@media (max-width: 767px) {
.event-single {
margin: 0 -2rem;
}
}
.w-full {
width: 100%;
}
.article-single__content * {
font: revert;
}
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image) {
width: 100%;
}
@media (max-width: 767px) {
.no-mobile-border {
border: none;
}
}