html,
body {
  min-height: 100%;
}
body {
  background: white;
  margin: 0;
  font-family: 'Commissioner', sans-serif;
  font-size: 16px;
  color: #000000;
}
.fontJost {
  font-family: 'Jost', sans-serif;
}
.fontBlack {
  font-family: 'Jost', sans-serif;
  font-weight: 900;
}
a {
  color: #000000;
}
a:hover {
  color: #894D9A;
}
:focus {
  outline: none;
}
::-moz-focus-inner {
  border: 0;
}
.header--ads {
  margin-top: 50px;
  margin-bottom: 50px;
}
.ads-content-yandex {
  margin-top: 40px;
  margin-bottom: 60px;
}
.ads-article-bottom {
  margin-top: 40px;
}
.header--ads img,
.ads-content-yandex img,
.ads-article-bottom img {
  max-width: 100%;
  display: block;
}
.container-width {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.grid,
.items {
  display: grid;
}
.flex {
  display: flex;
}
header {
  margin-top: 7px;
  margin-bottom: 7px;
  color: white;
  background-color: #894D9A;
  position: relative;
  z-index: 2;
}
header .flex {
  justify-content: space-between;
  height: 75px;
}
.logo {
  margin-top: 4px;
  margin-right: 25px;
}
.logo img {
  display: block;
	max-width: 200px;
}
.main-nav {
  display: flex;
  align-items: stretch;
  margin-right: 30px;
}
.main-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: stretch;
}
.main-nav ul ul {
  display: none;
  position: absolute;
  background: #FB607F;
  padding: 6px 20px 11px;
  margin-top: 75px;
  z-index: 2;
}
.main-nav ul ul li {
  margin-top: -3px;
}
.main-nav ul ul a {
  padding: 7px 0 5px;
  color: white;
  text-decoration: none;
  position: relative;
  transition-duration: 0.2s;
  background-image: linear-gradient(to right, #894D9A 75%, #0000 75%);
  background-position: 0 1.9em;
  background-repeat: repeat-x;
  background-size: 1px 0;
}
.main-nav ul ul a:hover {
  background-size: 1px 0.14em;
}
.main-nav li {
  display: flex;
  align-items: stretch;
}
.main-nav a,
.main-nav span {
  color: white;
  font-family: 'Jost', sans-serif;
  font-size: 18px;
  text-decoration: none;
  transition-duration: 0.2s;
  cursor: pointer;
}
.main-nav > ul > li > a,
.main-nav > ul > li > span {
  padding: 14px;
  display: block;
  display: flex;
  align-items: center;
}
.main-nav > ul > li:hover > a,
.main-nav > ul > li.active > a,
.main-nav > ul > li:hover > span,
.main-nav > ul > li.active > span {
  margin-bottom: -10px;
  padding-bottom: 24px;
  background: #FB607F;
}
.main-nav:hover > ul > li.active > a {
  margin-bottom: 0;
  padding-bottom: 14px;
  background: none;
}
.main-nav:hover > ul > li:hover > a {
  margin-bottom: -10px;
  padding-bottom: 24px;
  background: #FB607F;
}
.header-sorting {
  margin: -7px 0;
  border: 2px solid #FB607F;
  background: #894D9A;
  color: white;
  display: flex;
  align-items: stretch;
  font-size: 18px;
  position: relative;
  transition-duration: 0.2s;
  opacity: 1;
}
.header-sorting a {
  color: white;
  text-decoration: none;
}
.header-sorting--select {
  position: absolute;
  left: 0;
  top: 0;
  border: 2px solid #FB607F;
  background: #894D9A;
  margin: -2px;
  display: none;
}
.header-sorting--option {
  display: flex;
  align-items: center;
  padding: 27px;
  padding-left: 15px;
  padding-right: 27px;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 31px;
}
.header-sorting--current:after {
  content: '';
  display: block;
  border: 7px solid transparent;
  border-top: 7px solid white;
  margin-bottom: -7px;
  margin-left: 8px;
}
.header-sorting--icon-popular:before,
.header-sorting--icon-fresh:before {
  content: '';
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.header-sorting--icon-popular:before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2229%22%20viewBox%3D%220%200%2030%2029%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M14.3157%200.53642C16.4588%203.37616%2012.8447%2019.1834%208.67178%208.48991C5.67478%2018.5467%201.43478%2018.9777%201.42978%2014.3256C-3.04522%2018.9394%204.16878%2027.1684%206.89078%2028.5162H10.1487C7.27872%2026.1883%205.34972%2023.9787%205.01272%2020.6065C7.96972%2021.1546%209.50365%2021.8258%2010.0917%2016.9969C13.8877%2022.0342%2016.4007%2014.1245%2018.6657%2010.7654C18.5627%2013.1109%2018.4567%2016.202%2020.0937%2018.3214C20.6397%2019.0278%2022.1707%2019.2586%2023.5147%2019.241C22.8947%2020.1764%2020.7117%2023.2768%2022.4517%2024.43C24.1917%2025.5833%2024.5187%2024.4077%2024.0677%2025.3711C23.2387%2026.5857%2022.6307%2027.6616%2020.3757%2028.5161H23.8797C27.5947%2027.4271%2030.8676%2023.1837%2029.7926%2020.6315C28.4166%2021.7169%2027.0567%2022.4289%2025.9617%2022.3498C29.0317%2018.1567%2028.3267%2013.8621%2026.8837%209.47356C25.6197%2013.6843%2024.7907%2014.2726%2023.4727%2015.263C25.2917%2011.269%2018.1325%202.78785%2014.3157%200.53642Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.header-sorting--icon-fresh:before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M15%200C6.729%200%200%206.72899%200%2015C0%2023.2709%206.729%2029.9999%2015%2029.9999C23.2711%2029.9999%2030%2023.2709%2030%2015C30%206.72899%2023.2711%200%2015%200ZM16.4243%2026.5801V24.7947C16.4243%2024.1821%2015.926%2023.6838%2015.3134%2023.6838H14.4802C13.8676%2023.6838%2013.3692%2024.1821%2013.3692%2024.7947V26.5526C8.12111%2025.8153%203.98265%2021.5739%203.40311%2016.2775H4.94455C5.55714%2016.2775%206.05549%2015.7791%206.05549%2015.1665V14.3333C6.05549%2013.7207%205.55714%2013.2224%204.94455%2013.2224H3.468C4.24502%208.16072%208.2872%204.16132%2013.3691%203.44735V4.79771C13.3691%205.4103%2013.8675%205.90865%2014.4801%205.90865H15.3133C15.9259%205.90865%2016.4242%205.4103%2016.4242%204.79771V3.41986C21.603%204.053%2025.7443%208.0923%2026.5319%2013.2224H24.9415C24.3289%2013.2224%2023.8305%2013.7207%2023.8305%2014.3333V15.1665C23.8305%2015.7791%2024.3289%2016.2775%2024.9415%2016.2775H26.5969C26.0098%2021.6432%2021.7701%2025.9265%2016.4243%2026.5801Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M22.1278%2018.4628L17.768%2015.4863C17.8033%2015.3076%2017.8223%2015.1229%2017.8223%2014.9338C17.8223%2013.6766%2017.0022%2012.6081%2015.869%2012.2332V8.77861C15.869%208.01168%2015.2473%207.38992%2014.4804%207.38992C13.7134%207.38992%2013.0917%208.01168%2013.0917%208.77861V12.8075C12.5047%2013.3289%2012.1338%2014.0887%2012.1338%2014.9337C12.1338%2016.5021%2013.4097%2017.778%2014.9781%2017.778C15.3189%2017.778%2015.6458%2017.7177%2015.9489%2017.6072L20.5618%2020.7565C20.8013%2020.9201%2021.0738%2020.9984%2021.3434%2020.9984C21.7869%2020.9984%2022.2226%2020.7864%2022.4916%2020.3926C22.9242%2019.7592%2022.7613%2018.8952%2022.1278%2018.4628Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.header-feedback {
  border: none;
  border-radius: 0;
  background: #FB607F;
  color: white;
  cursor: pointer;
  margin-left: 20px;
  padding: 10px;
  width: 204px;
  font-size: 18px;
  font-family: 'Jost', sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition-duration: 0.2s;
  opacity: 1;
  text-align: center;
}
.header-feedback:hover {
  margin-bottom: -7px;
  padding-bottom: 7px;
  color: white;
}
.header-search {
  display: flex;
  margin-left: 0;
  align-items: stretch;
  position: relative;
}
.header-search button {
  border: none;
  cursor: pointer;
  background: none;
  background-repeat: no-repeat;
  background-position: center;
}
.header-search .button-open {
  width: 50px;
}
.header-search .button-open,
.header-search .button-search {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M13.5%208.75C13.5%2011.6445%2011.1445%2014%208.25%2014C5.35547%2014%203%2011.6445%203%208.75C3%205.85547%205.35547%203.5%208.25%203.5C11.1445%203.5%2013.5%205.85547%2013.5%208.75ZM19.5%2018.5C19.5%2018.1016%2019.3359%2017.7148%2019.0664%2017.4453L15.0469%2013.4258C15.9961%2012.0547%2016.5%2010.4141%2016.5%208.75C16.5%204.19141%2012.8086%200.499999%208.25%200.499999C3.69141%200.499999%200%204.19141%200%208.75C0%2013.3086%203.69141%2017%208.25%2017C9.91406%2017%2011.5547%2016.4961%2012.9258%2015.5469L16.9453%2019.5547C17.2148%2019.8359%2017.6016%2020%2018%2020C18.8203%2020%2019.5%2019.3203%2019.5%2018.5Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.header-search .button-close {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%221.64062%22%20width%3D%2220.3067%22%20height%3D%222.32076%22%20transform%3D%22rotate%2845%201.64062%200%29%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20x%3D%2216%22%20y%3D%222.05128%22%20width%3D%2220.3067%22%20height%3D%222.32076%22%20transform%3D%22rotate%28135%2016%202.05128%29%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.header-search input[type="search"]::-webkit-search-decoration,
.header-search input[type="search"]::-webkit-search-cancel-button,
.header-search input[type="search"]::-webkit-search-results-button,
.header-search input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  display: none;
}
.header-search input[type="search"]::-ms-clear,
.header-search input[type="search"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.header-search form {
  display: grid;
  grid-template-columns: 1fr 44px 44px;
  width: 0;
  position: absolute;
  top: 0;
  right: 0;
  background: #FB607F;
  color: white;
  height: calc(100% - 6px);
  margin-top: 3px;
  overflow: hidden;
  transition-duration: 0.2s;
}
.header-search input {
  border: none;
  color: white;
  background: none;
  padding: 0 27px;
  font-size: 18px;
  font-family: 'Jost', sans-serif;
}
.header-search input::placeholder {
  color: white;
  font-size: 18px;
  font-family: 'Jost', sans-serif;
  font-style: italic;
}
.header-search-opened .header-sorting,
.header-search-opened .header-feedback {
  opacity: 0;
}
.header-search-opened .header-search form {
  width: 516px;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  font-family: 'Jost', sans-serif;
}
.h1-box {
  margin-top: 1.75em;
  margin-bottom: 2em;
}
h1,
.h1 {
  font-weight: 900;
  font-size: 86px;
  line-height: 107px;
  display: inline;
  /*-background: linear-gradient(to right, rgb(251, 96, 127) 75%, rgba(0, 0, 0, 0) 75%);
  background-image: linear-gradient(to right, rgb(251, 96, 127) 100%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(to right, rgb(251, 96, 127) 100%, rgba(0, 0, 0, 0) 100%);
  background-image: -moz-linear-gradient(to right, rgb(251, 96, 127) 100%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(to right, rgb(251, 96, 127) 100%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(to right, rgb(251, 96, 127) 100%, rgba(0, 0, 0, 0) 100%);*/
  background-image: linear-gradient(to right, rgb(239 4 51), transparent);
  background-repeat: repeat-x;
  background-size: .5px 0.25em;
  -o-background-size: .5px 0.25em;
  -webkit-background-size: .5px 0.25em;
  -moz-background-size: .5px 0.25em;	
  background-position: 0 0.98em;
}
.purple-block {
  background: #894D9A;
  box-shadow: 20px 20px 0 black;
  color: white;
}
.front--about {
  box-shadow: 30px 30px 0 black;
  padding: 5px 28px 15px;
  margin-right: 82px;
  font-size: 19px;
  line-height: 1.45em;
  margin-bottom: 109px;
}
.items {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 61px 30px;
}
.items-3 {
  grid-template-columns: 1fr 1fr 1fr;
}
.item p {
  margin-top: 5px;
  margin-bottom: 16px;
  line-height: 22px;
}
.item--img {
  position: relative;
  display: block;
  color: black;
  width: fit-content;
  width: -moz-fit-content;
}
.item--img:hover {
  color: black;
}
.item--img img {
  max-width: 100%;
  border: 1px solid #894D9A;
}
.item--stat {
  position: absolute;
  right: 3px;
  bottom: 5px;
  background: white;
  display: flex;
  font-size: 12px;
  line-height: 15px;
  padding: 5px 8px;
}
.item--stat > *:not(:first-child) {
  margin-left: 8px;
}
.item--views,
.item--comments {
  display: flex;
}
.item--views:before,
.item--comments:before {
  content: '';
  display: block;
  width: 12px;
  height: 14px;
  margin-right: 5px;
  background-position: center;
  background-repeat: no-repeat;
}
.item--views:before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M11.1429%204.14286C9.99777%205.91071%208.14955%207.14286%206%207.14286C3.85045%207.14286%202.00223%205.91071%200.857143%204.14286C1.4933%203.15848%202.36384%202.31473%203.40848%201.77902C3.14062%202.23437%203%202.7567%203%203.28571C3%204.93973%204.34598%206.28571%206%206.28571C7.65402%206.28571%209%204.93973%209%203.28571C9%202.7567%208.85938%202.23437%208.59152%201.77902C9.63616%202.31473%2010.5067%203.15848%2011.1429%204.14286ZM6.32143%201.57143C6.32143%201.74554%206.17411%201.89286%206%201.89286C5.23661%201.89286%204.60714%202.52232%204.60714%203.28571C4.60714%203.45982%204.45982%203.60714%204.28571%203.60714C4.11161%203.60714%203.96429%203.45982%203.96429%203.28571C3.96429%202.16741%204.8817%201.25%206%201.25C6.17411%201.25%206.32143%201.39732%206.32143%201.57143ZM12%204.14286C12%203.97545%2011.9464%203.82143%2011.8661%203.6808C10.6339%201.65848%208.37723%200.285714%206%200.285714C3.62277%200.285714%201.36607%201.65848%200.133929%203.6808C0.0535714%203.82143%200%203.97545%200%204.14286C0%204.31027%200.0535714%204.46429%200.133929%204.60491C1.36607%206.62723%203.62277%208%206%208C8.37723%208%2010.6339%206.63393%2011.8661%204.60491C11.9464%204.46429%2012%204.31027%2012%204.14286Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.item--comments:before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2211%22%20viewBox%3D%220%200%2012%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M4.28571%204.71429C4.28571%205.18973%203.90402%205.57143%203.42857%205.57143C2.95313%205.57143%202.57143%205.18973%202.57143%204.71429C2.57143%204.23884%202.95313%203.85714%203.42857%203.85714C3.90402%203.85714%204.28571%204.23884%204.28571%204.71429ZM6.85714%204.71429C6.85714%205.18973%206.47545%205.57143%206%205.57143C5.52455%205.57143%205.14286%205.18973%205.14286%204.71429C5.14286%204.23884%205.52455%203.85714%206%203.85714C6.47545%203.85714%206.85714%204.23884%206.85714%204.71429ZM9.42857%204.71429C9.42857%205.18973%209.04688%205.57143%208.57143%205.57143C8.09598%205.57143%207.71429%205.18973%207.71429%204.71429C7.71429%204.23884%208.09598%203.85714%208.57143%203.85714C9.04688%203.85714%209.42857%204.23884%209.42857%204.71429ZM12%204.71429C12%202.34375%209.31473%200.428571%206%200.428571C2.68527%200.428571%200%202.34375%200%204.71429C0%206.02009%200.816964%207.18527%202.09598%207.96875C1.92188%209.3817%201.41964%209.69643%200.997768%2010.0915C0.917411%2010.1652%200.837054%2010.2321%200.863839%2010.3393C0.890625%2010.4397%200.991071%2010.5134%201.09821%2010.5C1.29911%2010.4799%201.4933%2010.4464%201.67411%2010.4129C2.82589%2010.1652%203.82366%209.64286%204.58705%208.87946C5.03571%208.95982%205.51116%209%206%209C9.31473%209%2012%207.08482%2012%204.71429Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.item--name {
  font-family: 'Jost', sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  color: #000000;
  text-decoration: none;
}
.tags a {
  display: inline-block;
  padding: 2px 5px;
  background: #FB607F;
  color: white;
  text-decoration: none;
  margin-bottom: 5px;
  margin-right: 4px;
  font-size: 15px;
  line-height: 22px;
}
.item--big {
  grid-column-end: span 3;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  margin-top: -2px;
}
.item--big .item--img {
  margin-bottom: 6px;
}
.item--big img {
  border: none !important;
}
.item--big p {
  margin-top: 5px;
  margin-bottom: 19px;
}
.item--w2 {
  grid-column-end: span 2;
}
.big-icon {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  color: white;
  align-items: stretch;
  margin-bottom: 8px;
}
.big-icon h2,
.big-icon .h2 {
  font-family: 'Jost', sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 40px;
  line-height: 30px;
  margin-top: 0;
  margin-bottom: 20px;
}
.big-icon p {
  font-family: 'Jost', sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  margin-top: 29px;
}
.big-icon--content {
  align-items: stretch;
  padding: 48px 21px 35px;
}
.big-icon--icon {
  margin-top: -40px;
  margin-bottom: -3px;
}
.big-icon--books {
  background: #894D9A;
}
.big-icon--success {
  background: #FB607F;
}
.big-icon--success img {
  position: relative;
  top: -11px;
  left: 27px;
}
.item--w-full {
  grid-column-start: 1;
  grid-column-end: -1;
}
.questions {
  background: #FB607F;
  color: white;
  display: grid;
  grid-template-columns: 1fr 2.13fr;
  grid-gap: 30px;
  font-family: 'Jost', sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  padding: 20px;
  border: 1px solid #894D9A;
  margin-top: 12px;
  align-items: center;
  margin-bottom: 8px;
}
.questions--email {
  font-size: 86px;
  line-height: 50px;
  color: white;
  text-decoration: none;
  background-image: linear-gradient(to right, #894D9A 75%, #0000 75%);
  background-repeat: repeat-x;
  background-size: 1px 0.25em;
  background-position: 0 0.98em;
}
.questions--email:hover {
  color: white;
}
.more-articles {
  text-align: center;
  margin-top: 79px;
}
.darken-block {
  background-color: #894D9A;
  color: white;
}
.darken-block a {
  color: white;
}
.button,
.darken-block .button,
main button {
  text-decoration: none;
  color: #894D9A;
  background: white;
  font-family: Jost;
  font-weight: bold;
  font-size: 24px;
  line-height: 22px;
  border: 1px solid #894D9A;
  display: inline-block;
  padding: 26px 41px;
  cursor: pointer;
  transition-duration: 0.1s;
}
.button:hover,
.darken-block .button:hover,
main button:hover,
.button:active,
.darken-block .button:active,
main button:active {
  color: white;
  background: #894D9A;
  border-color: white;
}
main {
  margin-bottom: 41px;
}
footer {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%221920%22%20height%3D%22425%22%20viewBox%3D%220%200%201920%20425%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%3E%0A%3Cpath%20d%3D%22M-54%20388.5C22.3333%20316%20248.8%20176.8%20544%20200C913%20229%201318.5%20472%201606.5%20329C1836.9%20214.6%201981.83%2084.3333%202025.5%2033.5%22%20stroke%3D%22%23FB607F%22%20stroke-width%3D%22100%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}
footer .container-width {
  padding-top: 31px;
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr;
  grid-template-areas: 'logo business business menu menu' 'emailus business business menu menu' 'hr hr hr hr hr' 'copyprivacy copyprivacy copyprivacy copyprivacy copyprivacy';
  grid-gap: 20px;
}
footer .logo {
  grid-area: logo;
  margin-top: 44px;
}
@media (min-width: 1900px) {
  footer {
    background-size: 100% 100%;
  }
}
.footer--block nav ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  list-style: none;
}
.footer--block nav li {
  margin-bottom: 11px;
}
.footer--block nav a {
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  font-size: 17px;
  text-decoration-line: underline;
}
.footer--header {
  font-family: 'Jost', sans-serif;
  font-weight: bold;
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 24px;
  color: white;
  text-decoration: none;
}
.footer--header a {
  color: white;
  text-decoration: none;
}
.footer--business nav ul {
  flex-wrap: wrap;
  max-height: 390px;
}
.footer--email-us {
  grid-area: emailus;
  align-self: end;
  margin-bottom: 22px;
}
.footer--business {
  grid-area: business;
}
.footer--menu {
  grid-area: menu;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  grid-template-areas: 'finance interesting' 'marketing career';
}
.footer--finance {
  grid-area: finance;
}
.footer--marketing {
  grid-area: marketing;
}
.footer--interesting {
  grid-area: interesting;
}
.footer--career {
  grid-area: career;
}
.footer--hr,
.footer--hr2 {
  border-top: 1px solid white;
}
.footer--hr {
  grid-area: hr;
}
.footer--hr2 {
  grid-area: hr2;
  display: none;
}
.footer--copyprivacy {
  grid-area: copyprivacy;
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 20px;
  overflow: hidden;
}
.footer--copy p:first-child,
.footer--privacy p:first-child {
  margin-top: 5px;
}
.footer--copy p:last-child,
.footer--privacy p:last-child {
  margin-bottom: 40px;
}
.footer--privacy {
  text-align: right;
}
@media (max-width: 1330px) {
  .container-width {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .main-nav > ul > li > a,
  .main-nav > ul > li > span {
    padding: 14px 9px;
  }
  h1,
  .h1 {
    font-size: 74px;
    line-height: 89px;
  }
  .questions--email {
    font-size: 70px;
    line-height: 40px;
  }
  .header-search-opened .header-search form {
    width: 430px;
  }
}
@media (max-width: 1220px) {
  .header-sorting--option {
    padding-left: 10px;
    padding-right: 10px;
  }
  .header-feedback {
    margin-left: 10px;
  }
  .main-nav {
    margin-right: 10px;
  }
  header .logo img {
    width: 180px;
  }
  .main-nav > ul > li > a,
  .main-nav > ul > li > span {
    padding: 14px 5px;
  }
  .main-nav a,
  .main-nav span,
  .header-sorting,
  .header-feedback {
    font-size: 17px;
  }
  header .flex {
    height: 68px;
  }
}
@media (max-width: 1110px) {
  h1,
  .h1 {
    font-size: 60px;
    line-height: 71px;
  }
  header .logo img {
    width: 150px;
  }
  .main-nav a,
  .main-nav span,
  .header-sorting,
  .header-feedback {
    font-size: 16px;
  }
  header .flex {
    height: 58px;
  }
  footer .container-width {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas: 'logo logo emailus emailus' 'hr hr hr hr' 'business business menu menu' 'hr2 hr2 hr2 hr2' 'copyprivacy copyprivacy copyprivacy copyprivacy';
    padding-top: 22px;
  }
  footer .logo {
    margin-top: 0;
  }
  .footer--hr2 {
    display: block;
  }
  .footer--email-us {
    text-align: right;
    margin-bottom: 0;
  }
}
.header--mobile,
.menu--mobile {
  display: none;
}
.header--mobile {
  position: fixed;
  top: 0;
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  width: 100%;
  padding: 5px 20px;
  box-sizing: border-box;
  align-items: center;
  z-index: 20;
  height: 55px;
}
@media (max-width: 1160px) {
  .questions {
    display: block;
  }
  .questions br {
    display: none;
  }
}
@media (max-width: 1023px) {
  .items {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .item--w2 {
    grid-column-end: span 3;
  }
  .big-icon {
    grid-template-columns: auto 247px;
    justify-content: center;
  }
}
@media (max-width: 959px) {
  .menu--mobile {
    display: block;
  }
  .header--mobile {
    display: grid;
    grid-template-columns: 1fr auto auto auto;
    grid-gap: 15px;
  }
  .header-sorting {
    border-color: transparent;
  }
  .header-sorting--option {
    padding: 9px;
  }
  .header-feedback {
    border: 1px solid #FB607F;
    transition-duration: 0.2s;
  }
  .header-feedback:hover {
    margin-bottom: 0;
    padding: 10px;
    background-color: transparent;
  }
  header {
    height: 53px;
    opacity: 0;
  }
  header .container-width {
    display: none;
  }
  h1,
  .h1 {
    font-size: 6vw;
    line-height: 7vw;
  }
}
@media (max-width: 767px) {
  .items {
    grid-template-columns: 1fr 1fr;
  }
  .item--w2 {
    grid-column-end: span 2;
  }
  .item--big {
    grid-column-end: span 2;
  }
  footer .container-width {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: 'logo emailus emailus' 'hr hr hr' 'business menu menu' 'hr2 hr2 hr2' 'copyprivacy copyprivacy copyprivacy';
  }
  .footer--business nav ul {
    max-height: none;
  }
  .footer--menu {
    align-self: start;
  }
  .footer--copyprivacy {
    grid-template-columns: auto;
    grid-gap: 0;
  }
  .footer--copy p:last-child,
  .footer--privacy p:last-child {
    margin-bottom: 20px;
  }
  .footer--privacy {
    text-align: left;
  }
  .questions--email {
    font-size: 8.6vw;
  }
}
@media (max-width: 649px) {
  .header--mobile {
    grid-template-columns: 1fr auto auto;
    grid-gap: 10px;
  }
  .front--about {
    margin-right: 10px;
  }
  .purple-block {
    padding: 5px 18px 15px;
    box-shadow: 10px 10px 0 black;
  }
  .footer--menu {
    grid-template-columns: 1fr;
    grid-template-areas: 'finance' 'interesting' 'marketing' 'career';
  }
  footer .container-width {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 'logo emailus' 'hr hr' 'business menu' 'hr2 hr2' 'copyprivacy copyprivacy';
  }
  .items {
    grid-gap: 61px 20px;
  }
}
@media (max-width: 620px) {
  .big-icon {
    display: block;
    position: relative;
  }
  .big-icon--icon {
    position: absolute;
    width: 100px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .big-icon--icon img {
    max-width: 100%;
  }
  .big-icon--content {
    margin-top: 50px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
  .big-icon--success img {
    top: -14px;
    left: 0;
  }
}
@media (max-width: 580px) {
  h1,
  .h1 {
    font-size: 33px;
    line-height: 41px;
  }
  .container-width {
    padding-left: 10px;
    padding-right: 10px;
  }
  .questions {
    font-size: 4vw;
    line-height: 5vw;
  }
}
@media (max-width: 530px) {
  footer .container-width {
    grid-template-columns: 1fr;
    grid-template-areas: 'logo' 'emailus' 'hr' 'business' 'menu' 'hr2' 'copyprivacy';
    justify-items: center;
  }
  .footer--hr,
  .footer--hr2 {
    width: 100%;
  }
  .footer--email-us {
    text-align: center;
  }
  .footer--business,
  .footer--menu {
    width: 300px;
    max-width: 100%;
  }
}
@media (max-width: 500px) {
  .items {
    grid-template-columns: 1fr;
    justify-items: center;
  }
  .item {
    width: 302px;
  }
  .item--w2,
  .item--big {
    grid-column-end: span 1;
    width: 100%;
  }
  .questions {
    padding: 10px;
  }
}
@media (max-width: 400px) {
  .header--mobile {
    padding: 5px 10px;
  }
}
.menu--mobile {
  padding-top: 100px;
  box-sizing: border-box;
  margin-left: auto;
  background: #9856ab;
  padding-bottom: 100px;
}
.menu--mobile .main-nav,
.menu--mobile .main-nav:hover {
  margin-right: 0;
}
.menu--mobile .main-nav ul,
.menu--mobile .main-nav:hover ul {
  flex-direction: column;
  width: 100%;
}
.menu--mobile .main-nav ul .active ul,
.menu--mobile .main-nav:hover ul .active ul {
  display: block !important;
}
.menu--mobile .main-nav ul ul,
.menu--mobile .main-nav:hover ul ul {
  position: static;
  margin: 0;
  background: none;
  padding-left: 30px;
  padding-right: 10px;
}
.menu--mobile .main-nav ul ul a,
.menu--mobile .main-nav:hover ul ul a,
.menu--mobile .main-nav ul ul span,
.menu--mobile .main-nav:hover ul ul span {
  padding: 10px;
  display: block;
  background-image: linear-gradient(to right, #fff 75%, #0000 75%);
  background-position: 0 2em;
  padding-left: 0;
  padding-right: 0;
}
.menu--mobile .main-nav > ul > li,
.menu--mobile .main-nav:hover > ul > li {
  display: block;
}
.menu--mobile .main-nav > ul > li > a,
.menu--mobile .main-nav:hover > ul > li > a,
.menu--mobile .main-nav > ul > li > span,
.menu--mobile .main-nav:hover > ul > li > span {
  margin-bottom: 0;
  padding-bottom: 14px;
  padding-left: 20px;
  padding-right: 20px;
}
.menu--mobile .main-nav > ul > li:hover > a,
.menu--mobile .main-nav:hover > ul > li:hover > a,
.menu--mobile .main-nav > ul > li.active > a,
.menu--mobile .main-nav:hover > ul > li.active > a,
.menu--mobile .main-nav > ul > li:hover > span,
.menu--mobile .main-nav:hover > ul > li:hover > span,
.menu--mobile .main-nav > ul > li.active > span,
.menu--mobile .main-nav:hover > ul > li.active > span {
  margin-bottom: 0;
  padding-bottom: 14px;
}
.menu--mobile .header-feedback {
  margin-left: 10px;
  width: calc(100% - 20px);
  box-sizing: border-box;
  margin-top: 30px;
}
.main-wrap {
  background: white;
}
body .header--mobile {
  color: white;
  background-color: #894D9A;
}
body .hamburger {
  padding: 6px 10px 0px;
}
body .hamburger-inner,
body .hamburger-inner:after,
body .hamburger-inner:before {
  height: 1px;
  background-color: white;
}
body .hamburger.is-active .hamburger-inner,
body .hamburger.is-active .hamburger-inner:after,
body .hamburger.is-active .hamburger-inner:before {
  background-color: white;
}
.breadcrumbs {
  font-size: 17px;
  line-height: 22px;
  margin-top: 31px;
  margin-bottom: 18px;
}
.breadcrumbs a,
.breadcrumbs .breadcrumbs-link {
  cursor: pointer;
  text-decoration: underline;
}
h2,
.h2 {
  font-size: 40px;
  line-height: 40px;
  font-family: 'Jost', sans-serif;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 20px;
  color: black;
}
h3,
.h3 {
  font-size: 24px;
  line-height: 30px;
  font-family: 'Jost', sans-serif;
  font-weight: bold;
  color: black;
}
.chapter--tags {
  margin-top: 31px;
  margin-bottom: 41px;
}
.chapter-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 30px;
  margin-bottom: 90px;
}
.chapter-grid .purple-block {
  padding: 20px;
  padding-bottom: 46px;
}
.chapter-grid .purple-block:not(:first-child) {
  margin-top: 74px;
}
.chapter-grid .purple-block h2,
.chapter-grid .purple-block .h2 {
  margin-top: 16px;
  margin-bottom: 59px;
}
.chapter-grid .purple-block h3,
.chapter-grid .purple-block .h3 {
  color: white;
  text-decoration: none;
  margin-top: 40px;
  margin-bottom: 0;
}
.chapter-grid .purple-block h3 a,
.chapter-grid .purple-block .h3 a {
  color: white;
  text-decoration: none;
}
.chapter-grid .purple-block h3 a:hover,
.chapter-grid .purple-block .h3 a:hover {
  text-decoration: underline;
}
.chapter-grid .purple-block a.h3:hover {
  text-decoration: underline;
}
.articles-item p {
  margin: 6px 0;
  line-height: 22px;
}
.articles-item .item--stat {
  position: static;
  display: inline-flex;
  background: none;
  padding: 5px 4px;
  margin-top: 3px;
}
.articles-item .item--comments:before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2211%22%20viewBox%3D%220%200%2013%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M4.67536%204.71429C4.67536%205.18973%204.29367%205.57143%203.81822%205.57143C3.34277%205.57143%202.96108%205.18973%202.96108%204.71429C2.96108%204.23884%203.34277%203.85714%203.81822%203.85714C4.29367%203.85714%204.67536%204.23884%204.67536%204.71429ZM7.24679%204.71429C7.24679%205.18973%206.8651%205.57143%206.38965%205.57143C5.9142%205.57143%205.53251%205.18973%205.53251%204.71429C5.53251%204.23884%205.9142%203.85714%206.38965%203.85714C6.8651%203.85714%207.24679%204.23884%207.24679%204.71429ZM9.81822%204.71429C9.81822%205.18973%209.43652%205.57143%208.96108%205.57143C8.48563%205.57143%208.10393%205.18973%208.10393%204.71429C8.10393%204.23884%208.48563%203.85714%208.96108%203.85714C9.43652%203.85714%209.81822%204.23884%209.81822%204.71429ZM12.3896%204.71429C12.3896%202.34375%209.70438%200.428571%206.38965%200.428571C3.07492%200.428571%200.389648%202.34375%200.389648%204.71429C0.389648%206.02009%201.20661%207.18527%202.48563%207.96875C2.31152%209.3817%201.80929%209.69643%201.38742%2010.0915C1.30706%2010.1652%201.2267%2010.2321%201.25349%2010.3393C1.28027%2010.4397%201.38072%2010.5134%201.48786%2010.5C1.68876%2010.4799%201.88295%2010.4464%202.06376%2010.4129C3.21554%2010.1652%204.21331%209.64286%204.9767%208.87946C5.42536%208.95982%205.90081%209%206.38965%209C9.70438%209%2012.3896%207.08482%2012.3896%204.71429Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.articles-item .item--views:before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%228%22%20viewBox%3D%220%200%2013%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M11.1936%204.14286C10.0485%205.91071%208.20034%207.14286%206.05078%207.14286C3.90123%207.14286%202.05301%205.91071%200.907924%204.14286C1.54408%203.15848%202.41462%202.31473%203.45926%201.77902C3.19141%202.23437%203.05078%202.7567%203.05078%203.28571C3.05078%204.93973%204.39676%206.28571%206.05078%206.28571C7.7048%206.28571%209.05078%204.93973%209.05078%203.28571C9.05078%202.7567%208.91016%202.23437%208.6423%201.77902C9.68694%202.31473%2010.5575%203.15848%2011.1936%204.14286ZM6.37221%201.57143C6.37221%201.74554%206.22489%201.89286%206.05078%201.89286C5.28739%201.89286%204.65792%202.52232%204.65792%203.28571C4.65792%203.45982%204.5106%203.60714%204.3365%203.60714C4.16239%203.60714%204.01507%203.45982%204.01507%203.28571C4.01507%202.16741%204.93248%201.25%206.05078%201.25C6.22489%201.25%206.37221%201.39732%206.37221%201.57143ZM12.0508%204.14286C12.0508%203.97545%2011.9972%203.82143%2011.9169%203.6808C10.6847%201.65848%208.42801%200.285714%206.05078%200.285714C3.67355%200.285714%201.41685%201.65848%200.18471%203.6808C0.104353%203.82143%200.0507812%203.97545%200.0507812%204.14286C0.0507812%204.31027%200.104353%204.46429%200.18471%204.60491C1.41685%206.62723%203.67355%208%206.05078%208C8.42801%208%2010.6847%206.63393%2011.9169%204.60491C11.9972%204.46429%2012.0508%204.31027%2012.0508%204.14286Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.chapter-grid--left {
  grid-column-end: span 3;
}
.chapter-grid--right {
  margin-right: 20px;
}
.pagination {
  display: grid;
  align-items: baseline;
  justify-items: center;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: 'prev pages next';
  grid-gap: 30px;
  max-width: 955px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 70px;
  font-family: 'Jost', sans-serif;
  font-weight: bold;
  font-size: 24px;
}
.pagination a {
  display: inline-block;
  padding: 2px 10px;
  text-decoration: none;
}
.pagination--prev {
  grid-area: prev;
}
.pagination--next {
  grid-area: next;
}
.pagination--pages {
  grid-area: pages;
}
.pagination--active {
  background: #894D9A;
  color: white;
}
.pagination--active:hover {
  color: white;
}
.chapter--more-header h2,
.chapter--more-header .h2 {
  margin-bottom: 40px;
}
@media (max-width: 779px) {
  .pagination {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 'prev next' 'pages pages';
  }
  .pagination--prev {
    justify-self: end;
  }
  .pagination--next {
    justify-self: start;
  }
}
@media (max-width: 500px) {
  .pagination {
    grid-template-columns: 1fr;
    grid-template-areas: 'next' 'pages' 'prev';
  }
  .pagination--prev {
    justify-self: start;
  }
  .pagination--next {
    justify-self: end;
  }
}
@media (max-width: 1200px) and (min-width: 795px) {
  .chapter-grid .pagination {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 'prev next' 'pages pages';
  }
  .chapter-grid .pagination--prev {
    justify-self: end;
  }
  .chapter-grid .pagination--next {
    justify-self: start;
  }
}
@media (max-width: 1023px) {
  .chapter-grid .items-3 {
    grid-template-columns: 1fr 1fr;
  }
  .chapter-grid .item--big {
    grid-column-end: span 2;
  }
}
@media (max-width: 794px) {
  .chapter-grid .items-3 {
    grid-template-columns: 1fr;
  }
  .chapter-grid .item--big {
    grid-column-end: span 1;
  }
}
@media (max-width: 794px) and (min-width: 650px) {
  .chapter-grid .pagination {
    grid-template-columns: 1fr;
    grid-template-areas: 'next' 'pages' 'prev';
  }
  .chapter-grid .pagination--prev {
    justify-self: start;
  }
  .chapter-grid .pagination--next {
    justify-self: end;
  }
}
@media (max-width: 649px) {
  .chapter-grid--right {
    margin-right: 0px;
  }
}
@media (max-width: 649px) {
  .chapter-grid--right {
    margin-right: 0px;
  }
  .item--img {
    margin-left: auto;
    margin-right: auto;
  }
  .chapter-grid--left {
    grid-column-end: span 1;
  }
  .chapter-grid {
    grid-template-columns: 1fr;
  }
}
.content img {
  max-width: 100%;
}
.content--social .ya-share2__icon {
  filter: invert(40%) sepia(14%) saturate(2221%) hue-rotate(241deg) brightness(86%) contrast(86%);
}
.content ol {
  list-style: none;
  counter-reset: myCounter;
  margin-top: 63px;
  padding: 0;
  padding-right: 50px;
}
.content ol li {
  padding-left: 59px;
  position: relative;
  margin-top: 30px;
}
.content ol li:before {
  counter-increment: myCounter;
  content: counter(myCounter);
  color: white;
  background: #FB607F;
  display: flex;
  width: 37px;
  height: 37px;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
}
.article {
  position: relative;
  font-size: 22px;
}
.article .breadcrumbs {
  position: absolute;
  padding: 15px 13px;
  background: white;
  top: -6px;
  left: 0;
}
.article p,
.article li {
  line-height: 35px;
}
.article h2 {
  margin-top: 44px;
}
.article--poster {
  margin-top: -7px;
  margin-bottom: 14px;
}
.article--info {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 7px;
  width: fit-content;
  width: -moz-fit-content;
  font-size: 12px;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 32px;
}
.article--info .item--stat {
  position: static;
  padding-left: 0;
}
.article--bottom-info {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: -10px;
  margin-left: -47px;
  margin-bottom: 97px;
}
.article--bottom-info > * {
  margin-top: 47px;
  margin-left: 47px;
}
.article--label {
  font-size: 12px;
  margin-bottom: 4px;
}
.article--author {
  color: #894D9A;
  font-family: 'Jost', sans-serif;
  font-weight: 700;
  font-size: 24px;
}
body .ya-share2__container_shape_round.ya-share2__container_size_m .ya-share2__badge .ya-share2__icon:not(.ya-share2__icon_messenger-contact):not(.ya-share2__icon_more):not(.ya-share2__icon_copy) {
  background-size: 34px 34px;
}
body .ya-share2__container_size_m .ya-share2__badge .ya-share2__icon {
  height: 34px;
  width: 29px;
  background-size: 34px 34px;
}
.article__feedback-form {
  margin-top: 45px;
  margin-bottom: 100px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 'name email' 'text text' 'privacy privacy' 'submit submit';
  grid-gap: 43px 30px;
  max-width: 850px;
}
.article__feedback-form input[type="text"],
.article__feedback-form textarea {
  width: 100%;
  box-sizing: border-box;
}
.article__feedback-form textarea {
  height: 217px;
}
.article__feedback-form__name {
  grid-area: name;
}
.article__feedback-form__email {
  grid-area: email;
}
.article__feedback-form__email .input-comment {
  margin-top: 5px;
}
.article__feedback-form__text {
  grid-area: text;
}
.article__feedback-form__privacy {
  grid-area: privacy;
  margin-top: -9px;
}
.form-privacy .input-comment {
  margin-top: 8px;
}
.form-privacy a {
  text-decoration: none;
  color: #894D9A;
}
.form-privacy a:hover {
  text-decoration: underline;
}
.article__feedback-form__submit {
  grid-area: submit;
}
input[type="text"],
textarea {
  border: 5px solid black;
  background: white;
  padding: 17px;
  font-family: 'Jost', sans-serif;
  font-weight: 400;
  font-size: 21px;
  color: black;
}
input[type="text"]::placeholder,
textarea::placeholder {
  font-family: 'Jost', sans-serif;
  font-weight: 400;
  font-size: 21px;
  font-style: italic;
  color: black;
}
input[type="checkbox"]:checked,
input[type="checkbox"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
input[type="checkbox"]:checked + label,
input[type="checkbox"]:not(:checked) + label {
  display: inline-block;
  position: relative;
  padding-left: 48px;
  line-height: 20px;
  cursor: pointer;
}
input[type="checkbox"]:checked + label:before,
input[type="checkbox"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0px;
  top: -8px;
  width: 34px;
  height: 34px;
  border: 5px solid black;
  background-color: white;
  box-sizing: border-box;
}
input[type="checkbox"]:checked + label:after,
input[type="checkbox"]:not(:checked) + label:after {
  content: "";
  position: absolute;
}
input[type="checkbox"]:checked + label:after,
input[type="checkbox"]:not(:checked) + label:after {
  left: 8px;
  top: 1px;
  width: 13px;
  height: 6px;
  border-radius: 0px;
  border-left: 5px solid black;
  border-bottom: 5px solid black;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
}
input[type="checkbox"]:checked + label:after {
  opacity: 1;
}
.input-comment {
  font-family: 'Jost', sans-serif;
  font-weight: 300;
  font-size: 21px;
}
form button[type="submit"] {
  min-width: 248px;
}
@media (max-width: 690px) {
  .article__feedback-form {
    grid-template-columns: 1fr;
    grid-template-areas: 'name' 'email' 'text' 'privacy' 'submit';
  }
  .article {
    font-size: 19px;
  }
  .article p,
  .article li {
    line-height: 32px;
  }
}
.contacts {
  font-size: 22px;
}
.contacts p {
  line-height: 35px;
}
.contacts--block {
  margin-top: 70px;
  margin-bottom: 94px;
}
.contacts--block strong {
  font-size: 24px;
  font-family: 'Jost', sans-serif;
  font-weight: bold;
}
.contacts--email {
  font-weight: 900;
  font-size: 131px;
  font-family: 'Jost', sans-serif;
  margin-bottom: 23px;
}
.contacts--email a {
  background: #FB607F;
  color: black;
  text-decoration: none;
  white-space: pre;
}
@media (max-width: 1320px) {
  .contacts--email {
    font-size: 9.6vw;
  }
}
@media (max-width: 750px) {
  .contacts--email {
    font-size: 9vw;
  }
}

@keyframes loadingAnimation {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: 80px;
  }
}
@-webkit-keyframes loadingAnimation {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: 80px;
  }
}
.loading {
  background-color: #AAAAAA;
  border: 1px solid #AAAAAA;
  position: absolute;
  z-index: 1;
}
.loading,
.loadingWhite {
  animation-name: loadingAnimation;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: steps(16);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAADFBMVEUYV5L9//3+///////UOtrTAAAAA3RSTlMAYJ//OyGsAAAAf0lEQVR4Ae3MQQ3AMADEsKzhz3kUKjXPMwDzced4B+MR4xHjEeMR4xHjEeMR4xHjEeMR4xHjEeMR4xHjEeMR4xHjEeMR4xHjEeMR4xHjEeMR4xHjEeMR4xHjEeMR4xHjEeMR4xHjEeMR4xHjkROPvI0bN27cuHHjxo0bN27c+APRFiWBZzHP9wAAAABJRU5ErkJggg==);
  box-sizing: border-box;
}

/*---------custom css--------*/
section.widget_block {
    display: none !important;
}
footer p.menu-item-description {
    display: none !important;
}
.item--big .item--img {
    width: 100%;
}
.item--img img {
    max-width: 100% !important;
    border: 2px solid #894D9A;
    -max-height: 500px !important;
}
.tags a {
    text-transform: lowercase;
}
.tags a:before {
    content: '#';
    margin-right: 3px;
}
.item.cat_item:first-child {
    grid-column-end: span 3;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    margin-top: -2px;
}
.item.cat_item:first-child .item--img {
    margin-bottom: 6px;
    width: 100%;
}
.item.cat_item:first-child img {
    border: none;
}
.item.cat_item:first-child p {
    margin-top: 5px;
    margin-bottom: 19px;
}
.item.cat_item:first-child .thumbless {
    margin-top: 80px;
}
.page-numbers.current {
    background: #894D9A;
    color: white;
    display: inline-block;
    padding: 2px 10px;
    text-decoration: none;
}
.pagination {
    border-top: none;
}
.pagination--prev span, .pagination--next span {
    color: #ccc;
}
.article--poster img {
    -max-width: 100% !important;
    max-width: 900px !important;
}
.header-search input {
    border: none;
    color: white;
    background: none;
    padding: 0 27px;
    font-size: 18px;
    font-family: 'Jost', sans-serif;
}
#searchform input::placeholder {
  color: white;
}
.items_all {
    margin-top: 40px;
}
input[type="email"] {
    border: 5px solid black;
    background: white;
    padding: 17px;
    font-family: 'Jost', sans-serif;
    font-weight: 400;
    font-size: 21px;
    color: black;
    width: 100%;
    box-sizing: border-box;
}
form input[type="submit"] {
    min-width: 248px;
    text-decoration: none;
    color: #894D9A;
    background: white;
    font-family: Jost;
    font-weight: bold;
    font-size: 24px;
    line-height: 22px;
    border: 1px solid #894D9A;
    display: inline-block;
    padding: 26px 41px;
    cursor: pointer;
    transition-duration: 0.1s;
}
form input[type="submit"]:hover, form input[type="submit"]:active {
    color: white;
    background: #894D9A;
    border-color: white;
}
main button:not(:hover):not(:active):not(.has-background), input[type=submit]:not(:hover):not(:active):not(.has-background) {
    color: #894D9A;
    background: white;
}
header button:not(:hover):not(:active):not(.has-background), .header--mobile button:not(:hover):not(:active):not(.has-background) {
    background-color: transparent;
}
button:focus {
    outline: none;
}
input[type="checkbox"]:checked + label:after, input[type="checkbox"]:not(:checked) + label:after {
    width: 18px;
    height: 11px;
}
.comment-respond>*:last-child {
    margin-bottom: 100px;
}
input[type=checkbox]+label, input[type=radio]+label {
    font-size: 21px;
}
#comments {
    width: 100%;
    max-width: fit-content;
}
.front--about p {
    margin: 1em 0;
    line-height: 1.45em;
}
.top_menu_a>a {
    pointer-events: none;
}
.article--poster img {
    max-width: 100% !important;
}
.purple-block.art_inside .h2 {
    margin-bottom: 30px;
    font-size: 30px;
    line-height: 30px;
}
.purple-block.art_inside .h3 {
    margin-top: 30px;
    font-size: 20px;
    line-height: 28px;
}
.purple-block.art_inside p {
    font-size: 18px;
    line-height: 28px;
}
.purple-block.art_inside {
    height: 95%;
}
.chapter-grid-art {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
}
.chapter-grid-art .purple-block {
    padding: 20px;
    padding-bottom: 46px;
}
.chapter-grid-art .purple-block h2, .chapter-grid-art .purple-block .h2 {
    margin-top: 16px;
    margin-bottom: 35px;
}
.chapter-grid-art .purple-block h3, .chapter-grid-art .purple-block .h3 {
    color: white;
    text-decoration: none;
    margin-top: 30px;
    margin-bottom: 0;
}
.chapter-grid-art .purple-block h3 a, .chapter-grid-art .purple-block .h3 a {
    color: white;
    text-decoration: none;
}
.chapter-grid-art .article--poster {
    height: 99.5%;
}
.chapter-grid-art .article--poster img {
    -height: 100% !important;
    height: auto !important;
}
.auth {
    width: 100%;
    display: flex;
    margin: 20px 0 40px;
}
.auth_pic {
    margin-right: 30px;
}
.auth_pic img {
    width: 115px !important;
    height: 115px !important;
    border-radius: 50%;
}
.auth_info .h3 {
    font-size: 22px;
    line-height: 26px;
}
.auth_info_item {
    font-size: 16px;
    line-height: 24px;
    color: #333333 !important;
}
.article--label {
    -font-weight: 600;
    margin-bottom: 10px;
}
.article--author_all {
    width: 100%;
    display: flex;
}
.article--author_pic {
    margin-right: 30px;
}
.article--author_pic img {
    border-radius: 50%;
}
.article--other {
    font-size: 16px;
    line-height: 24px;
    color: #333333 !important;
}
.chapter-grid--left .breadcrumbs {
    width: 75%;
}
h1, .h1 {
    display: inline !important;
}
.article p, .article li {
    margin: 20px 0;
}
article header {
    background: #fff;
}	

@media (max-width: 1110px) {
  header .logo img {
    height: auto;
  }
  .purple-block.art_inside {
    display: none;
  }
  .chapter-grid-art .chapter-grid--left {
    grid-column-end: span 4;
  }
}
@media (max-width: 1023px) {
  .item.cat_item:first-child {
    grid-column-end: span 2;
  }
  .menu-item-has-children a {
    pointer-events: none;
  }
  .menu-item-has-children ul.sub-menu a {
    pointer-events: initial;
  }	
}
@media (max-width: 1023px) {
  .item.cat_item:first-child {
    grid-column-end: span 1;
  }    
  .chapter-grid .item--big {
    grid-column-end: span 1;
  }
  .questions--email {
    background-image: linear-gradient(to right, rgb(120 8 152), transparent);
  }
}
@media (max-width: 959px) {
  .header-sorting {
    margin: -9px 0 -7px;
  }
}
@media (max-width: 500px) {
  .item {
    width: 100%;
  }
  .item .item--img {
    margin-bottom: 6px;
    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
  }
  .item .item--img img {
    border: none;
  }
  .chapter-grid {
    margin-top: 20px;
  }
  .logo img {
    max-width: unset;
  }	
}	
@media (max-width: 375px) {
  .auth_pic {
    margin-right: 20px;
  }
  .auth_pic img {
    width: 100px !important;
    height: 100px !important;
  }
  .article--author_pic {
    margin-right: 20px;
  }
}
@media (max-width: 320px) {
  .auth_pic img {
    width: 80px !important;
    height: 80px !important;
  }
}
/*---------custom css--------*/

/*# sourceMappingURL=main.css.map*/