wp_back/wp-content/themes/simple-theme/css/main.css

1578 lines
160 KiB
CSS
Raw Normal View History

2024-05-20 15:37:46 +03:00
@charset "UTF-8";
.logo {
width: 216px;
transition: width .15s;
cursor: pointer; }
@media (max-width: 1264px) {
.logo {
width: 150px; } }
@media (max-width: 1000px) {
.logo {
width: 120px; } }
.logo.new-year {
width: auto;
max-height: 56px;
margin-bottom: -16px; }
@media (max-width: 1000px) {
.logo.new-year {
margin-bottom: 0;
height: 40px;
margin-top: -12px; } }
.stealth-btn {
padding: 13px 26px;
color: #000;
text-decoration: none;
transition: color .2s, opacity .15s; }
@media (max-width: 1264px) {
.stealth-btn {
padding: 13px 15px; } }
.stealth-btn:after {
content: "";
opacity: 0;
transition: box-shadow .15s, opacity .15s; }
.stealth-btn:hover {
color: #7f3ae9; }
.mobile-menu {
display: flex;
flex-flow: column;
align-items: flex-start;
padding: 0;
justify-content: flex-start;
position: fixed;
top: 56px;
width: 100%;
height: calc(100% - 56px);
z-index: 10;
background: #fff;
z-index: 100; }
@supports (-ms-ime-align: auto) {
.footer-cont {
justify-content: center; } }
@media (max-width: 1000px) {
.footer-cont {
flex-flow: column;
margin: 0 20px; } }
.message-us {
position: absolute;
top: 0;
right: 50px;
background-image: url(../img/message.63c4fb15.svg);
transform: translateY(-50%);
width: 68px;
height: 68px;
filter: drop-shadow(0 2px 25px rgba(113, 48, 229, 0.53));
cursor: pointer; }
.footer-col.links {
flex: 5 0 auto;
height: 168px;
display: flex;
flex-direction: column;
flex-wrap: wrap; }
.footer-col.links .a, .footer-col.links a {
flex: 0 1 28px; }
.footer-col .small {
font-size: 12px;
line-height: 20px;
color: #7d8d93; }
.footer-col .inverted {
text-decoration: underline;
font-size: 12px;
line-height: 15px;
color: #7245ff; }
.ft-header {
font-size: 13px;
margin-bottom: 16px;
color: #100e0f;
text-transform: uppercase; }
.headbar-centeritems .a {
position: relative; }
.headbar-centeritems .a a {
display: block;
padding: 26px 0;
margin: 0 14px;
font-weight: 700;
font-size: 15px;
color: #000;
box-shadow: inset 0 0 0 0 #7f3ae9;
transition: box-shadow .3s; }
.headbar-centeritems .a a:hover {
color: #000 !important;
box-shadow: inset 0 -2px 0 0 #7f3ae9; }
.headbar-centeritems .a:hover .sub-menu {
display: block; }
.headbar-centeritems .active > a {
color: #8e68ff !important; }
.headbar-centeritems .sub-menu {
display: none;
position: absolute;
transform: translate(-50%, -2px);
margin-left: 50%;
min-width: 73px;
background: #fff;
border-top: 2px solid #6a2be3; }
.headbar-centeritems .sub-menu:before {
content: '';
position: absolute;
left: 50%;
transform: translate(-50%, -5px);
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 3px solid #6a2be3; }
.headbar-centeritems .sub-menu .a a {
width: 196px;
margin: 0;
padding: 20px 22px;
font-weight: 700;
font-size: 16px;
line-height: 1;
background-image: linear-gradient(63.77deg, #6a2be3, #a356f3 50%, #fff);
background-size: 200% 100%;
background-position-x: 200%;
transition: color 0.2s, opacity 0.15s, background-position-x 0.2s !important; }
.headbar-centeritems .sub-menu .a a:hover {
color: #fff !important;
background-position-x: 0;
box-shadow: none; }
.mobile-mainmenu {
width: 100%; }
.mobile-mainmenu .menu {
list-style: none;
padding: 0;
margin: 0;
width: 100%; }
.mobile-mainmenu .menu > li {
border-bottom: 1px solid rgba(0, 0, 0, 0.13333);
padding: 4px 20px;
width: 100%;
position: relative; }
.mobile-mainmenu .menu > li.menu-item-has-children {
cursor: pointer; }
.mobile-mainmenu .menu > li.menu-item-has-children:after {
content: '';
position: absolute;
width: 24px;
height: 24px;
background: url(/blog/wp-content/themes/simple-theme/img/arrow.svg) no-repeat center;
top: 10px;
right: 20px; }
.mobile-mainmenu .menu > li.menu-item-has-children.opened:after {
transform: rotate(180deg); }
.mobile-mainmenu .menu > li a {
font-weight: 700;
font-size: 15px;
color: #2d2645; }
.mobile-mainmenu .menu li {
line-height: 34px; }
.mobile-mainmenu .sub-menu.hidden {
display: none; }
.mobile-mainmenu .sub-menu > li a {
font-weight: normal;
cursor: pointer;
font-size: 15px;
line-height: 18px;
padding: 8.5px 0;
color: #7d8d93 !important; }
.mobile-mainmenu ul {
list-style: none;
padding: 0;
margin: 0; }
#menu-item-116, #menu-item-10, #menu-item-801 {
display: block; }
#menu-item-1000 {
display: none; }
#menu-item-1862 a {
color: #ff2b2b !important; }
@media (max-width: 1120px) {
#menu-item-116, #menu-item-10, #menu-item-801 {
display: none; }
#menu-item-1000 {
display: block; } }
.sm-headbar-control {
width: 20px;
height: 16px;
position: relative;
cursor: pointer; }
.sm-headbar-control .sm-bar {
width: 20px;
height: 3px;
background: #2d2645;
position: absolute;
transition: transform .15s, opacity .15s; }
.sm-headbar-control .sm-bar1 {
top: 0;
transform: translateY(0) rotate(0deg); }
.sm-headbar-control .sm-bar2 {
top: 50%;
transform: translateY(-50%);
opacity: 1; }
.sm-headbar-control .sm-bar3 {
bottom: 0;
transform: translateY(0) rotate(0deg); }
.sm-headbar-control.opened .sm-bar1 {
transform: translateY(7px) rotate(-45deg); }
.sm-headbar-control.opened .sm-bar2 {
opacity: 0; }
.sm-headbar-control.opened .sm-bar3 {
transform: translateY(-6px) rotate(45deg); }
.headbar-centeritems {
display: flex;
justify-content: center; }
.headbar-subitems {
background: #f9f9fc;
border-top: 1px solid rgba(0, 0, 0, 0.06667);
box-shadow: 0 12px 43px rgba(122, 55, 231, 0.08);
box-shadow: 0 2px 43px rgba(122, 55, 231, 0.13); }
@media (max-width: 1001px) {
.headbar-subitems {
display: none; } }
.headbar-subitems .headbar-subitems-container {
display: flex;
justify-content: space-between;
max-width: 1210px;
padding: 0 25px;
margin: 0 auto;
height: 48px;
align-items: center; }
.headbar-subitems .a {
padding: 6px 15px;
font-weight: 500;
font-size: 14px;
color: #7D8D93;
box-shadow: inset 0 0 0 0 #7f3ae9;
transition: box-shadow .3s;
color: rgba(45, 38, 69, 0.54902) !important; }
.headbar-subitems .a:hover, .headbar-subitems .a.active {
background-color: #f9f1ff; }
.headbar-subitems .a.sub-active {
color: #2d2645 !important;
box-shadow: inset 0 -2px 0 0 #7f3ae9; }
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
.headbar-subitems {
justify-content: center; }
.headbar-subitems .a, .headbar-subitems a {
margin: 0 10px; } }
@media (max-width: 1264px) {
.headbar-subitems a:not(.btn) {
font-size: 14px; } }
.headbar-sideitems {
flex: 1;
display: flex;
font-weight: 700;
font-size: 16px;
position: relative; }
@media (max-width: 1264px) {
.headbar-sideitems {
font-size: 14px; } }
.headbar-sideitems:first-child {
justify-content: flex-start; }
.headbar-sideitems:last-child {
justify-content: center; }
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
.headbar-sideitems > a {
height: 26px; } }
.header-submenu {
list-style: none;
display: flex; }
.header-submenu a {
margin-right: 20px;
font-size: 15px;
line-height: 18px;
color: #7D8D93 !important; }
.header-submenu .menu-item.active a {
color: #8e68ff !important; }
.headbar-sideitems .btn:not(#ovrd).header-btn-inverted, .mobile-menu .btn:not(#ovrd).header-btn-inverted {
color: #000 !important;
font-weight: 600;
border: 2px solid #7a49d2;
background: unset;
background-color: #fff;
transition: background-color .15s ease-in,color .15s ease-in; }
.headbar-sideitems .btn:not(#ovrd), .mobile-menu .btn:not(#ovrd) {
font-size: 13.5px;
letter-spacing: .1px;
font-weight: 500;
padding: 9.5px 16px;
border: 2px solid #7a49d2; }
.headbar-sideitems .btn:not(#ovrd).header-btn-inverted:hover, .mobile-menu .btn:not(#ovrd).header-btn-inverted:hover {
background-color: #f9f1ff; }
.headbar-subitems input {
border: 1px solid #E7E7E7;
margin-top: 0px;
width: 247px;
height: 35px;
padding: 2px 5px 2px 17px;
font-size: 14px; }
.headbar-subitems .search-button {
position: absolute;
right: 5px;
top: 8px;
width: 20px;
height: 20px;
border: 0;
background: url(/blog/wp-content/themes/simple-theme/img/search.svg) no-repeat top left; }
.header-content {
position: fixed;
z-index: 100;
top: 0;
background-color: #fff;
box-shadow: 0 2px 32px rgba(146, 146, 146, 0.23);
height: 76px;
border-bottom: 1px solid rgba(0, 0, 0, 0.06667); }
.header-content-inner {
max-width: 1210px;
padding: 0 25px;
display: flex;
justify-content: center;
align-items: center;
margin: auto; }
@media (max-width: 1264px) {
.header-content-inner {
padding: 0 20px; } }
.header-content, .header-padder {
background-color: #fff;
height: 96px; }
.header-content.dense, .header-padder.dense {
/*height:63px*/ }
.header-content.dense .logo.new-year, .header-padder.dense .logo.new-year {
width: auto;
max-height: 56px;
margin-top: -16px !important; }
@media (max-width: 1000px) {
.header-content, .header-padder {
height: 56px; } }
.site-navigation .header-content.dense {
height: 76px; }
@media (max-width: 1000px) {
.site-navigation .header-content.dense {
height: 56px; } }
.site-navigation .header-content.dense .header-centeritems {
font-family: Roboto, sans-serif; }
@media (max-width: 1000px) {
.site-navigation .header-content.dense .header-content-inner {
height: 56px; } }
.site-navigation .header-content.dense .header-content-inner .headbar-sideitems .btn.inverted {
font-family: Roboto, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 18px;
/* identical to box height */
text-align: center;
color: #7030e5; }
.site-navigation .header-content.dense .header-content-inner .headbar-sideitems .logo {
margin-bottom: 0; }
.site-navigation .header-content.dense .header-content-inner .headbar-sideitems .logo_mobile {
margin-top: 0px; }
@media (min-width: 1001px) {
.site-navigation .header-content.dense .header-content-inner .headbar-sideitems .logo_mobile {
display: none; } }
@media (max-width: 1000px) {
.site-navigation .header-content.dense .header-content-inner .headbar-sideitems .logo_desktop {
display: none; } }
.headerder-centeritems {
flex: 1 0 auto; }
.banner-short {
margin: 24px 0; }
.site-header {
height: 63px; }
.banner-short {
padding: 8px; }
#menu-header {
padding-left: 0 !important; }
.headbar-centeritems {
flex: 1 0 auto; }
@media (min-width: 1001px) {
.mobile-element {
display: none !important; } }
.btn.mobile-element {
width: 100%;
text-align: center;
display: flex; }
.btn.mobile-element a {
flex: 1 0 auto; }
@media (max-width: 1000px) {
.desktop-element {
display: none !important; } }
@media (max-width: 1000px) {
.headbar-sideitems:last-child {
display: none; } }
@media (min-width: 1001px) {
.layout.direction-column.background-layout {
margin-top: 7px; } }
h1 {
/*font-family: "Montserrat Bold";*/ }
@media (max-width: 1000px) {
.column_mobile {
flex-direction: column; } }
.links-container .layout {
justify-content: flex-end; }
.align-center {
align-items: center; }
@media (max-width: 1000px) {
.site-header .headbar-centeritems,
.site-header .headbar-sideitems:last-child() {
display: none; } }
@media (min-width: 1001px) {
.headbar-sideitems_mobile {
display: none; } }
@media (max-width: 1000px) {
.site-header .headbar-centeritems {
display: none; } }
@media (min-width: 1001px) {
.site-header .headbar-sideitems_mobile {
display: none; } }
@media (max-width: 1000px) {
.site-header .headbar-sideitems:last-child() {
display: none; } }
.site-branding {
max-height: 96px; }
@media (max-width: 1000px) {
.site-branding {
max-height: 56px; } }
.site-title {
opacity: 0; }
.site-description {
visibility: hidden;
opacity: 0; }
footer .footer-col {
/* or 167% */
color: #7d8d93 !important; }
footer .footer-col .ft-header {
font-style: normal;
font-weight: normal;
font-size: 13px;
/*line-height: 15px;*/
text-transform: uppercase;
color: #100e0f; }
footer .footer-col .small {
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 20px;
/* or 167% */
color: #7d8d93; }
footer .footer #menu-footer {
padding-left: 0px; }
.show-more {
height: 45px; }
.show-more span {
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 19px;
/* identical to box height */
text-align: center;
color: #ffffff; }
@media (max-width: 1000px) {
.direction-column {
flex-direction: column; } }
.site-header .a {
list-style: none; }
.site-header ul {
margin-bottom: 0;
padding-left: 0; }
div:not(#article.id) .theme--light.v-image {
max-height: 136px; }
.article-right {
margin: -10px 0 -10px 20px; }
.article-right .author-card {
gap: 10px; }
.article-right .article-tags .article-tag {
font-family: Roboto, sans-serif; }
@media (min-width: 1001px) {
.article-right {
margin: -10px 0 -10px 0; } }
@media (max-width: 1000px) {
.content-wrapper .article-crumbs a {
display: none; }
.content-wrapper .article-crumbs a:nth-child(2) {
display: inline; }
.content-wrapper .article-crumbs .crumb-divider {
display: none; } }
@media (max-width: 320px) {
.content-wrapper .layout {
max-width: 320px; } }
@media (min-width: 1001px) {
.content-wrapper .w-100.banner-short {
max-width: 105%;
width: 105% !important; } }
@media (max-width: 1000px) {
.content-wrapper .w-100.banner-short .wi-regnow-inner {
background-image: url(../img/reg-now-mobile.png);
background-size: cover;
background-repeat: no-repeat;
max-height: 232px;
align-items: center; }
.content-wrapper .w-100.banner-short .wi-regnow-center {
padding-top: 0px;
padding-left: 25px; }
.content-wrapper .w-100.banner-short .wi-regnow-side a {
font-family: Roboto, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 19px;
text-align: center;
color: #8e68ff; } }
.content-wrapper .py-10 {
padding-top: 53px;
padding-bottom: 10px; }
.content-wrapper .read-more {
margin: 0 0 33px !important;
font-size: 20px;
line-height: 26px; }
@media screen and (max-width: 640px) {
.content-wrapper .read-more {
margin-bottom: 20px !important; } }
.background-layout {
background-size: 100% 100%;
max-width: 1160px;
height: 556px;
margin: auto;
position: relative; }
@media (max-width: 1001px) {
.background-layout {
height: auto; } }
.desktop-element.article-card-outer.lg6 .article-card-preview {
display: flex !important;
flex-direction: column;
justify-content: center; }
.article-reading-time-mobile {
align-items: center;
margin-top: 8px;
font-family: Montserrat;
display: none;
font-size: 14px;
color: #000;
margin-bottom: 0; }
.article-reading-time-mobile svg {
margin-right: 9px; }
@media (max-width: 1001px) {
.article-reading-time-mobile {
display: flex; } }
.article-title-block {
position: absolute;
bottom: 39px;
margin-bottom: 0;
left: 4%;
right: 4%;
z-index: 20;
display: flex;
align-items: start;
justify-content: space-between; }
.article-title-block .article-reading-time {
color: #fff;
white-space: nowrap;
background-size: contain;
display: flex;
align-items: center;
font-size: 22px;
margin-top: 8px; }
.article-title-block .article-reading-time svg {
margin-right: 5px; }
@media (max-width: 1001px) {
.article-title-block .article-reading-time {
color: #000;
margin-bottom: 24px;
display: none; } }
@media (max-width: 1001px) {
.article-title-block {
position: relative;
left: auto;
right: auto;
bottom: 0;
color: #000 !important;
max-width: 100%;
font-size: 25px;
line-height: 25px;
flex-direction: column;
align-items: start; } }
.article-title {
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 43px;
color: #ffffff;
margin-top: 0;
margin-bottom: 0;
max-width: 690px;
flex: 1; }
@media (min-width: 1001px) {
.article-title_mobile {
display: none; } }
@media (max-width: 1001px) {
.article-title {
position: relative;
left: auto;
color: #000 !important;
max-width: 100%;
font-size: 25px;
line-height: 25px;
margin-top: 42px;
margin-bottom: 24px; } }
@media (max-width: 1000px) {
.article-preview {
display: none; } }
@media (max-width: 1000px) {
.single-article-post .mobile-element .v-icon.mx-4 {
margin-left: 0px !important; }
.article-card-outer {
width: 85% !important; }
.single-article-post .layout.py-2.align-center {
padding-bottom: 12px !important; }
.single-article-post .mobile-element hr {
position: absolute;
left: 0;
width: 1000px; }
.single-article-post .v-icon.notranslate.mx-4 {
width: 25px !important;
height: 25px !important;
font-size: 25px !important; }
.single-article-post .background-layout {
background-position: center center !important;
background-size: contain;
height: -moz-max-content;
height: max-content;
max-height: none !important; }
.single-article-post .background-layout img {
width: 100%;
max-height: none !important; }
.article-cards {
width: 100% !important; }
.article-card-preview {
font-style: normal;
font-weight: normal !important;
font-size: 12px !important;
line-height: 15px !important;
color: #4d4d4d; }
.article-card-body {
padding-top: 13px !important; } }
@media (max-width: 1000px) {
.background-layout img {
max-height: 138px !important; }
.join-tg div {
margin: 0 0 0 0 !important; }
.join-tg .btn {
margin: 20px 0px 0px !important; }
.background-layout {
max-height: 138px !important; } }
.article-container {
padding: 0 19px;
max-width: 1196px;
width: 100%; }
.ppd-article-container {
margin-right: 45px; }
@media (max-width: 1000px) {
.ppd-article-container {
margin-right: 0; } }
.ppd-article:not(#override) {
max-width: 810px; }
.ppd-article:not(#override) .block-registration {
font-family: Montserrat;
flex-basis: 100%;
padding: 40px 35px 40px 47px;
display: flex;
align-items: center;
text-align: left;
margin: 24px 0px;
background: #8e68ff url(../img/gift-for-registration/purple-banner-right.png) right center no-repeat; }
.ppd-article:not(#override) .block-registration .block-registration__content {
font-size: 22px;
font-weight: 600;
line-height: 28px;
padding: 0 74px 0 0;
color: #fff; }
.ppd-article:not(#override) .block-registration .block-registration__content p {
color: #fff !important;
margin: 0 !important; }
@media (max-width: 1000px) {
.ppd-article:not(#override) .block-registration .block-registration__content {
padding: 0;
font-size: 18px;
text-align: left; } }
.ppd-article:not(#override) .block-registration a {
background: #FFFFFF;
border-radius: 2px;
height: 45px;
line-height: 45px;
text-decoration: none;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 16px;
color: #8E68FF !important;
padding: 0 25px;
box-shadow: 0 2px 25px 0 #6243bf; }
.ppd-article:not(#override) .block-registration a:hover {
background: #f9f1ff; }
@media screen and (max-width: 1000px) {
.ppd-article:not(#override) .block-registration a {
margin-top: 30px; } }
@media screen and (max-width: 1000px) {
.ppd-article:not(#override) .block-registration {
padding: 26px 12px 36px 25px;
flex-direction: column;
justify-content: center;
text-align: left; } }
.ppd-article:not(#override) .block-telegram {
font-family: Montserrat;
flex-basis: 100%;
flex-direction: column;
padding: 40px 35px 40px 47px;
display: flex;
align-items: start;
text-align: left;
margin: 24px 0;
min-height: 418px;
background: #9bbaf1 url(../img/telegram.png) left bottom no-repeat;
padding-left: 360px; }
@media (max-width: 1000px) {
.ppd-article:not(#override) .block-telegram {
background: #9bbaf1 url(../img/telegram_m.png) bottom center no-repeat; } }
.ppd-article:not(#override) .block-telegram .block-telegram__content {
font-family: Montserrat;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 32px;
padding: 0 70px 0 0;
color: #000; }
.ppd-article:not(#override) .block-telegram .block-telegram__content p {
color: #000 !important;
margin: 0 !important; }
@media screen and (max-width: 1000px) {
.ppd-article:not(#override) .block-telegram .block-telegram__content {
font-family: Montserrat;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 26px;
padding: 0; } }
.ppd-article:not(#override) .block-telegram a {
margin-top: 30px;
background: linear-gradient(243.77deg, #A356F3 -7.35%, #6A2BE3 107.02%);
box-shadow: 0px 2px 25px rgba(113, 48, 229, 0.530649);
border-radius: 2px;
color: #fff !important;
text-decoration: none; }
.ppd-article:not(#override) .block-telegram a:hover {
background: linear-gradient(270deg, #ad63fc, #5f20d3); }
@media screen and (max-width: 1000px) {
.ppd-article:not(#override) .block-telegram {
padding: 26px 12px 525px 25px;
background-color: #cadcff; } }
.gift-for-registration {
flex-basis: 100%;
padding-left: 55px;
padding-right: 55px;
display: flex;
align-items: center;
text-align: center;
margin: 24px 8px; }
.gift-for-registration h2 {
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 30px;
line-height: 33px;
color: #FFFFFF; }
.gift-for-registration p {
font-family: Roboto;
font-size: 16px;
line-height: 28px;
color: #FFFFFF;
margin-bottom: 0 !important; }
.gift-for-registration a {
background: #FFFFFF;
border-radius: 2px;
height: 45px;
line-height: 45px;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 16px;
color: #8E68FF !important;
padding: 0 25px;
box-shadow: 0 2px 25px 0 #6243bf; }
@media screen and (max-width: 1150px) {
.gift-for-registration {
padding-left: 25px;
padding-right: 25px; } }
@media screen and (max-width: 1050px) {
.gift-for-registration {
padding-left: 5px;
padding-right: 5px; } }
@media screen and (min-width: 1000px) {
.gift-for-registration {
justify-content: space-between;
height: 121px;
background: url("../img/gift-for-registration/purple-banner-left.png") left center no-repeat, #8e68ff url("../img/gift-for-registration/purple-banner-right.png") right center no-repeat; }
.gift-for-registration:before {
width: 206px;
content: " "; } }
@media screen and (max-width: 1000px) {
.gift-for-registration {
height: 232px !important;
flex-direction: column;
justify-content: center;
background: url("../img/gift-for-registration/purple-banner-mobile-left.png") left center/auto 232px no-repeat, #8e68ff url("../img/gift-for-registration/purple-banner-mobile-right.png") right center/auto 232px no-repeat; }
.gift-for-registration a {
margin-top: 30px; } }
@media screen and (max-width: 640px) {
.gift-for-registration {
padding-left: 25px;
padding-right: 25px;
width: calc(100% - 8px - 8px) !important;
text-align: left; }
.gift-for-registration h2 {
font-size: 23px;
line-height: 29px; }
.gift-for-registration p {
font-size: 14px;
line-height: 21px; }
.gift-for-registration a {
font-size: 16px;
padding-left: 15px;
padding-right: 15px; } }
.content-wrapper {
background: #FFFFFF; }
@media (max-width: 1270px) {
.banner-short {
order: 1; }
.article-card-outer:nth-child(n+4) {
order: 2; } }
@media (max-width: 960px) {
.article-card-outer:nth-child(n+3) {
order: 2; } }
.article-card.emphasis :not(.ovrd) .article-card-preview {
color: #4D4D4D !important; }
.article-card-ad-row {
display: flex;
align-items: center;
align-self: flex-start; }
.block_read_more {
background-color: #F2F5FF;
padding: 37px 57px;
font-family: Montserrat; }
.block_read_more .block_read_more_title {
font-size: 20px;
font-weight: bold; }
.block_read_more a {
font-size: 24px;
font-weight: 500;
color: #6A2BE3 !important;
text-decoration: none !important;
border-bottom: 1px dotted #6A2BE3; }
.block_read_more a:hover {
border-bottom: 0; }
@media screen and (max-width: 1000px) {
.block_read_more {
padding: 18px 20px 23px 13px; }
.block_read_more .block_read_more_title {
font-size: 14px; }
.block_read_more a {
font-size: 18px; } }
#toc_container {
background-color: #F9F9FC;
padding: 23px 31px;
color: #6A2BE3; }
@media (max-width: 1001px) {
#toc_container {
padding: 17px 24px; } }
#toc_container .toc_title {
font-size: 30px;
font-weight: bold;
font-family: Montserrat;
color: #000;
margin-bottom: 32px; }
@media (max-width: 1001px) {
#toc_container .toc_title {
font-size: 18px;
margin-bottom: 13px; } }
#toc_container ul.toc_list {
list-style: numfber;
font-size: 20px;
margin-left: 31px;
font-family: Roboto;
font-weight: 500;
color: #6A2BE3; }
#toc_container ul.toc_list li {
color: #6A2BE3 !important;
font-size: 20px; }
@media (max-width: 1001px) {
#toc_container ul.toc_list li {
font-size: 16px; } }
#toc_container ul.toc_list li:before {
width: 0 !important;
margin-right: 0 !important; }
#toc_container ul.toc_list li a {
text-decoration: none;
border-bottom: 1px dotted #6A2BE3;
color: #6A2BE3 !important; }
#toc_container ul.toc_list li a:hover {
border-bottom: 0; }
.search-page h2 {
font-size: 24px;
padding: 20px 0; }
.search-page h2 .query {
color: #ab54ff; }
.pld-common-wrap a {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
display: flex;
align-items: center;
padding: 10px 20px;
border: 1px solid rgba(106, 43, 227, 0.2) !important;
border-radius: 2px; }
.pld-common-wrap a:hover {
border: 1px solid #6A2BE3; }
.block-likes {
display: flex;
margin-top: 30px;
justify-content: space-between; }
.pld-like-dislike-wrap {
display: flex;
margin-bottom: 0; }
.pld-like-wrap {
margin-right: 11px; }
.pld-count-wrap {
margin-left: 10px; }
.epvc-post-count {
font-size: 14px;
font-family: Montserrat;
display: flex;
align-items: center; }
.epvc-post-count .epvc-count {
margin-left: 8px; }
.comment-reply-title {
font-weight: bold;
font-size: 20px; }
.comment-author {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px; }
.comment-form input[type=text], .comment-form textarea {
background: #EDF1F6;
border-radius: 2px;
position: relative;
padding: 5px 15px;
resize: none;
width: 100%; }
.comment-form textarea {
padding-top: 31px;
height: 147px; }
.comment-form .comment-form-comment {
position: relative;
align-items: normal !important; }
.comment-form .comment-form-comment:before {
content: 'Ваш ответ';
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 7px;
color: #7D8D93;
position: absolute;
top: 15px;
left: 15px;
z-index: 10; }
.comment-form .form-submit {
position: absolute;
margin-top: -75px;
right: 15px; }
.comment-form .form-submit .submit {
color: #fff !important;
background: linear-gradient(57.45deg, #7245FF 13.81%, #7245FF 92.89%);
box-shadow: 0px 2px 10px #D4D4D4;
border-radius: 2px;
transition: background-color .15s ease-in,color .15s ease-in;
padding: 10px 45px;
font-size: 16px;
font-family: 'Roboto';
font-style: normal;
font-weight: 700; }
.comment-form .form-submit .submit:hover {
background-color: #f9f1ff; }
@media (max-width: 1000px) {
.comment-form .form-submit {
left: 15px; } }
.comment-form .comment-form-comment {
display: flex;
flex-direction: column; }
.comment-form .wp-comment-cookies-consent {
font-size: 14px; }
.comment-form .comment-notes {
display: block !important;
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
margin-top: 19px;
color: #000000;
opacity: 0.5; }
.comment-form .comment-notes .required {
color: #FF0000; }
@media (max-width: 1000px) {
.comment-form .comment-notes {
display: flex;
flex-direction: column; } }
.comment-form p:not(.comment-form-cookies-consent) {
display: flex;
align-items: center; }
.comment-form p:not(.comment-form-cookies-consent) label {
width: 60px; }
.comments-title {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 35px;
line-height: 43px; }
.comments-title .comments-num {
font-weight: normal; }
@media (max-width: 1000px) {
.comments-title {
font-size: 19px;
line-height: 23px; } }
.commentmetadata {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
opacity: 0.5; }
.comment-footer {
display: flex;
align-items: center; }
.comment-footer .reply {
margin-left: 20px; }
.comment-footer .reply a {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 17px;
color: #6A2BE3 !important; }
ol.commentlist {
list-style: none;
padding-left: 0; }
ol.commentlist li {
background: #FFFFFF;
box-shadow: 0px 5px 19px rgba(203, 207, 216, 0.31);
border-radius: 2px;
margin-top: 24px; }
ol.commentlist li .comment-body {
padding: 25px; }
ol.commentlist li .children {
list-style: none;
padding-left: 0; }
ol.commentlist li .children li {
background: #F9F9FC;
padding-left: 40px;
margin-top: 0px; }
.comments-moderatate-label {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #000000;
opacity: 0.5; }
.site-footer .footer {
background-color: #f9f9fc; }
.site-footer .footer .footer-container {
padding: 29px 40px 16px;
max-width: 1300px;
margin: 0 auto; }
@media (max-width: 1000px) {
.site-footer .footer {
padding: 20px 0; } }
.site-footer .footer-col ul li {
list-style: none; }
.ft-logo {
cursor: pointer;
width: 216px;
height: 46px;
margin-bottom: 112px; }
@media (max-width: 1000px) {
.ft-logo {
margin-bottom: 0px; } }
.ft-logo.new-year {
height: auto;
margin: -16px 0 auto -18px;
width: 200px; }
.footer-text {
font-size: 12px;
text-align: center;
margin: 20px 0;
color: #7d8d93; }
.footer-inner {
display: flex;
margin-bottom: 20px; }
@media (max-width: 999px) {
.footer-container {
display: none; } }
.footer-inner .footer-col.col-logo {
flex: 1 0 206px; }
.footer-inner .footer-col a {
font-size: 14px;
line-height: 28px; }
.footer-inner .footer-cont {
display: flex;
flex-flow: column;
flex: 10 0 auto; }
.footer-inner .footer-grid {
display: grid;
grid-template-columns: 90px 116px 281px 153px 181px;
grid-gap: 33px; }
@media (max-width: 1264px) {
.footer-inner .footer-col {
margin: 0; }
.footer-inner .footer-grid {
grid-template-columns: repeat(2, 1fr);
margin-left: 30px; } }
.footer-inner .info-grid {
margin-top: 35px;
display: grid;
grid-template-columns: 234px 254px 168px 174px;
grid-gap: 30px; }
@media (max-width: 1264px) {
.footer-inner .info-grid {
grid-template-columns: 1fr;
margin-left: 30px; } }
.footer-inner ul.menu {
padding: 0;
list-style: none; }
.footer-inner ul.menu li {
padding-bottom: 15px; }
.footer-inner .banks_menu ul, .footer-inner .companies_menu ul, .footer-inner .products_menu ul, .footer-inner .cities_menu ul {
max-height: 200px;
line-height: 18px;
list-style: none;
padding: 0; }
.footer-inner .banks_menu ul a, .footer-inner .companies_menu ul a, .footer-inner .products_menu ul a, .footer-inner .cities_menu ul a {
font-size: 12px;
color: #7d8d93 !important;
padding-right: 10px; }
.footer-inner .footer-banks > div:first-child, .footer-inner .footer-cities > div:first-child, .footer-inner .footer-companies > div:first-child, .footer-inner .footer-links > a:not(:last-child), .footer-inner .footer-products > div:first-child {
padding-bottom: 15px; }
.footer-text-small {
font-size: 10px; }
.ft-address {
font-size: 14px;
color: #7d8d93; }
.ft-address, .ft-phone {
font-weight: 500;
line-height: 20px; }
.ft-phone {
margin: 10px 0;
margin-bottom: 21px;
font-size: 18px;
text-align: left;
color: #7245ff; }
.footer-mobile {
display: none; }
@media (max-width: 999px) {
.footer-mobile {
display: block; } }
.footer-mobile .mobile-info {
display: flex;
justify-content: space-between;
padding: 0 20px; }
.footer-mobile .mobile-info .contacts {
margin-right: auto;
margin-left: auto; }
@media (max-width: 600px) {
.footer-mobile .mobile-info {
flex-direction: column; }
.footer-mobile .mobile-info .contacts {
margin-top: 20px;
margin-right: 0;
margin-left: 0; } }
.footer-mobile .mobile-links {
padding: 0 20px;
list-style: none;
margin: 32px 0 16px 0;
display: grid;
grid-template-columns: repeat(auto-fill, 170px);
grid-auto-rows: 40px; }
@media (max-width: 600px) {
.footer-mobile .mobile-links {
grid-template-columns: repeat(auto-fill, 120px); } }
.footer-mobile .mobile-social {
padding: 0 20px;
margin-top: 32px; }
.footer-mobile .mobile-social .ft-tg-cont {
display: flex; }
.footer-mobile .mobile-social .ft-tg-cont > :not(:last-child) {
margin-right: 10px; }
.footer-mobile-menu {
background: #fff;
list-style: none;
padding: 0 !important;
margin: 0;
width: 100%; }
.footer-mobile-menu .sub-menu.hidden {
display: none; }
.footer-mobile-menu .sub-menu > li {
padding: 0;
height: 30px; }
.footer-mobile-menu .sub-menu > li:before {
display: inline-block;
content: "";
border-top: 2px solid #ab54ff;
margin: 5px 10px 5px 0;
width: 10px; }
.footer-mobile-menu .sub-menu > li a {
font-weight: normal;
cursor: pointer;
font-size: 15px;
line-height: 18px;
color: #7d8d93 !important; }
.footer-mobile-menu ul {
list-style: none;
padding: 0;
margin: 0;
width: 100%; }
.footer-mobile-menu > li {
border-bottom: 1px solid rgba(0, 0, 0, 0.13333);
width: 100%;
position: relative;
padding: 16px 24px; }
.footer-mobile-menu > li.menu-item-has-children {
cursor: pointer; }
.footer-mobile-menu > li.menu-item-has-children:after {
content: '';
position: absolute;
width: 24px;
height: 24px;
background: url(/blog/wp-content/themes/simple-theme/img/arrow.svg) no-repeat center;
top: 18px;
right: 20px; }
.footer-mobile-menu > li.menu-item-has-children.opened:after {
transform: rotate(180deg); }
.footer-mobile-menu > li a {
font-size: 15px;
color: #2d2645; }
@media (min-width: 768px) {
.footer-col.links {
width: 10.5%; } }
.footer-col {
display: flex;
flex-flow: column;
margin-right: 40px; }
.info-grid > :first-child > a:first-child {
padding-bottom: 14px !important; }
.info-grid__subscribe {
font-weight: 400;
font-size: 12px;
line-height: 18px;
display: flex;
align-items: flex-end; }
.footer-col .ft-tg-cont {
display: flex; }
.footer-col .ft-tg-cont > :not(:last-child) {
margin: auto 20px auto 0; }
.footer-download-appstore-links {
max-width: 1180px;
width: 100%; }
@media (max-width: 1000px) {
.footer-download-appstore-links {
padding: 0 20px; } }
.footer-download-appstore-links .app-code-wrapper {
margin-right: 15px; }
@media (max-width: 1000px) {
.footer-download-appstore-links .app-code-wrapper {
display: none; } }
.footer-download-appstore-links .appstore-links-header {
flex: 0 1 495px;
margin-right: 15px; }
.footer-download-appstore-links .appstore-links-title {
font-weight: 700;
font-size: 19px;
line-height: 22px;
color: #000; }
.footer-download-appstore-links .appstore-links-description {
font-weight: 400;
font-size: 12px;
line-height: 18px;
color: #7d8d93;
margin-top: 15px; }
@media (max-width: 1000px) {
.footer-download-appstore-links .appstore-links-description {
display: none; } }
.headbar-centeritems .sub-menu .sub-menu {
transform: translate(50%, -56px);
}
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4uY3NzIiwiaGVhZGVyLnNjc3MiLCJjb250ZW50LnNjc3MiLCJmb290ZXIuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxnQkFBZ0I7QUNDaEI7RUFDRSxZQUFZO0VBQ1osc0JBQXNCO0VBQ3RCLGVBQWUsRUFBQTs7QUFFakI7RUFDRTtJQUNFLFlBQVksRUFBQSxFQUFHOztBQUVuQjtFQUNFO0lBQ0UsWUFBWSxFQUFBLEVBQUc7O0FBRW5CO0VBQ0UsV0FBVztFQUNYLGdCQUFnQjtFQUNoQixvQkFBb0IsRUFBQTs7QUFFdEI7RUFDRTtJQUNFLGdCQUFnQjtJQUNoQixZQUFZO0lBQ1osaUJBQWlCLEVBQUEsRUFBRzs7QUFFeEI7RUFDRSxrQkFBa0I7RUFDbEIsV0FBVztFQUNYLHFCQUFxQjtFQUNyQixtQ0FBbUMsRUFBQTs7QUFFckM7RUFDRTtJQUNFLGtCQUFrQixFQUFBLEVBQUc7O0FBRXpCO0VBQ0UsV0FBVztFQUNYLFVBQVU7RUFDVix5Q0FBeUMsRUFBQTs7QUFFM0M7RUFDRSxjQUFjLEVBQUE7O0FBRWhCO0VBQ0UsYUFBYTtFQUNiLGlCQUFpQjtFQUNqQix1QkFBdUI7RUFDdkIsVUFBVTtFQUNWLDJCQUEyQjtFQUMzQixlQUFlO0VBQ2YsU0FBUztFQUNULFdBQVc7RUFDWCx5QkFBeUI7RUFDekIsV0FBVztFQUNYLGdCQUFnQjtFQUNoQixZQUFZLEVBQUE7O0FBRWlCO0VBQzdCO0lBQ0UsdUJBQXVCLEVBQUEsRUFBRzs7QUFFOUI7RUFDRTtJQUNFLGlCQUFpQjtJQUNqQixjQUFjLEVBQUEsRUFBRzs7QUFFckI7RUFDRSxrQkFBa0I7RUFDbEIsTUFBTTtFQUNOLFdBQVc7RUFDWCxrREFBa0Q7RUFDbEQsMkJBQTJCO0VBQzNCLFdBQVc7RUFDWCxZQUFZO0VBQ1osd0RBQXdEO0VBQ3hELGVBQWUsRUFBQTs7QUFJakI7RUFDRSxjQUFjO0VBQ2QsYUFBYTtFQUNiLGFBQWE7RUFDYixzQkFBc0I7RUFDdEIsZUFBZSxFQUFBOztBQUVqQjtF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