@font-face {
font-family: 'Actay';
src: local("Actay"), local("Actay-Regular"), local("Actay Regular"), local("ActayRegular"), url(//xn--80aagecgukjbydkhcbu2a2i.xn--p1ai/wp-content/themes/arcsis-fest/assets/fonts/ActayFamily/Actay-Regular.otf);
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: 'Actay';
src: local("Actay Wide"), local("Actay-Wide"), local("ActayWide-Bold"), local("ActayWide Bold"), url(//xn--80aagecgukjbydkhcbu2a2i.xn--p1ai/wp-content/themes/arcsis-fest/assets/fonts/ActayFamily/ActayWide-Bold.otf);
font-style: normal;
font-weight: bold;
font-display: swap;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*::after,
*::before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
body {
font-family: "Actay", "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
overflow-x: hidden;
max-width: 100%;
cursor: default;
}
@media (max-width: 767px) {
body {
font-size: 14px;
}
}
a {
color: #3357A6;
}
a:focus,
button:focus {
outline: none;
}
#page {
width: 100%;
overflow: hidden;
}
.container {
width: 1350px;
padding: 0px 30px;
margin: 0 auto;
max-width: 100%;
}
@media (max-width: 767px) {
.container {
width: 100%;
padding: 0 28px;
}
}
.section-title {
font-size: 60px;
font-weight: normal;
margin: 0;
}
@media (max-width: 767px) {
.section-title {
font-size: 30px;
text-align: center;
}
.section-title svg {
width: 22px;
height: 22px;
}
}
.section-title strong {
font-weight: bold;
}
.site-content {
padding-top: 120px;
padding-bottom: 65px;
}
@media (max-width: 767px) {
.site-content {
padding-top: 85px;
}
}
.breadcrumbs-section {
padding: 30px 0;
}
@media (max-width: 767px) {
.breadcrumbs-section {
padding: 20px 0;
}
}
.breadcrumbs-section__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.breadcrumbs {
overflow-x: auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
white-space: nowrap;
}
.breadcrumbs ol {
margin: 0;
padding: 0;
list-style: none;
}
.breadcrumbs ol li {
position: relative;
display: inline-block;
}
.breadcrumbs ol li:not(:last-of-type)::after {
content: '\\';
color: #898996;
margin: 0 10px;
font-size: 11px;
line-height: 1.4
}
.breadcrumbs ol li span span,
.breadcrumbs ol li a {
font-size: 11px;
line-height: 1.4;
text-decoration: none;
color: inherit
}
.breadcrumbs ol li span span {
color: #898996
}
.breadcrumbs span {
font-size: 11px;
line-height: 1.4;
text-decoration: none
}
.breadcrumbs__link {
color: inherit;
text-decoration: none
}
.breadcrumbs__current,
.breadcrumbs__separator {
color: #898996
}
.breadcrumbs__separator {
margin: 0 10px
}
.back-link {
font-size: 11px;
line-height: 1.4;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 15px;
column-gap: 15px;
color: inherit;
text-decoration: none;
border: none;
background: none
}
@media (max-width: 767px) {
.back-link {
display: none
}
}
.btn {
background-color: #000000;
color: #ffffff;
-webkit-transition: color .5s, background-color .5s;
transition: color .5s, background-color .5s;
cursor: pointer
}
.btn:hover {
color: #000000;
background-color: #E0CC84
}
.slick-disabled {
opacity: .5
}
.thanks-message {
max-width: 100%;
width: 720px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.thanks-message__inner {
margin: 50px 12.5%
}
@media (max-width: 767px) {
.thanks-message__inner {
margin: 20px 12.5%
}
}
.thanks-message .img {
position: relative;
top: -15px;
left: 30px
}
@media (max-width: 767px) {
.thanks-message .img {
top: -15px;
left: 5px;
width: 100px
}
}
.thanks-message .title {
font-weight: bold;
font-size: 55px;
margin-bottom: 16px;
letter-spacing: -0.02em
}
@media (max-width: 767px) {
.thanks-message .title {
font-size: 24px
}
}
.thanks-message button {
border: 1px solid #A7A7A7;
height: 70px;
padding: 24px 38px;
display: inline-block;
background-color: #000000;
border-radius: 4px;
font-weight: bold;
color: #ffffff;
border: none;
cursor: pointer;
margin-top: 26px;
width: 100%
}
@media (max-width: 767px) {
.thanks-message button {
padding: 14px 28px;
height: 50px
}
}
.form-wrapper {
max-width: 100%;
width: 720px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.form-wrapper form {
margin: 50px 12.5% 24px
}
@media (max-width: 767px) {
.form-wrapper form {
margin: 20px 12.5% 0
}
}
.form-wrapper input {
background: #FFFFFF;
border: 1px solid #A7A7A7;
height: 70px;
padding: 24px 38px;
display: inline-block;
margin-bottom: 7px;
width: 100%
}
@media (max-width: 767px) {
.form-wrapper input {
height: 50px;
padding: 14px 18px
}
}
.form-wrapper input[type="submit"] {
background-color: #000000;
border-radius: 4px;
font-weight: bold;
color: #ffffff;
border: none;
cursor: pointer
}
.form-wrapper label {
display: inline-block;
width: 100%;
position: relative;
font-size: 14px;
line-height: 1.4;
color: #999999;
margin-bottom: 26px
}
@media (max-width: 767px) {
.form-wrapper label {
font-size: 12px;
margin-bottom: 16px
}
}
.form-wrapper label .wpcf7-spinner {
position: absolute;
right: 0;
top: 24px
}
@media (max-width: 767px) {
.form-wrapper label .wpcf7-spinner {
right: -17px;
top: 12px
}
}
.form-wrapper p {
margin: 0
}
.form-wrapper a {
color: inherit;
text-decoration: none
}
.form-wrapper .wpcf7 form .wpcf7-response-output {
display: none
}
.form-wrapper .wpcf7 form.invalid .wpcf7-response-output {
font-size: 14px;
padding: 20px;
margin: 0;
line-height: 1.4;
letter-spacing: -0.02em
}
.form__title {
font-weight: bold;
font-size: 55px;
margin-bottom: 16px;
letter-spacing: -0.02em
}
@media (max-width: 767px) {
.form__title {
font-size: 24px;
margin-bottom: 5px
}
}
.form__subtitle {
font-weight: bold;
font-size: 18px;
line-height: 110%;
letter-spacing: -0.02em;
color: #4865AD;
margin-bottom: 36px
}
@media (max-width: 767px) {
.form__subtitle {
font-size: 14px;
margin-bottom: 16px
}
}
.form__button {
text-align: center
}
#fancybox-overlay {
background: rgba(54, 90, 170, 0.3) !important
}
#fancybox-outer {
-webkit-box-shadow: 0px 20px 50px rgba(6, 9, 27, 0.4) !important;
box-shadow: 0px 20px 50px rgba(6, 9, 27, 0.4) !important
}
a#fancybox-close {
background: transparent url(//xn--80aagecgukjbydkhcbu2a2i.xn--p1ai/wp-content/themes/arcsis-fest/assets/img/close.svg) no-repeat;
background-size: cover;
width: 32px;
height: 32px;
top: 59px;
right: 75px
}
@media (max-width: 767px) {
a#fancybox-close {
width: 26px;
height: 26px;
top: 25px;
right: 30px
}
}
.fancybox-wrap-media a#fancybox-close {
top: -45px;
right: 0
}
.header {
position: fixed;
top: 0;
left: 0;
right: 0;
color: #FFFFFF;
z-index: 2
}
.header--open {
-webkit-box-shadow: 0px 7px 50px 20px rgba(14, 21, 46, 0.5);
box-shadow: 0px 7px 50px 20px rgba(14, 21, 46, 0.5)
}
.header--open .header-overlay {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
border: 0
}
.header.page-header,
.header--scrolled,
.header--open {
color: #000000;
background-color: #ffffff
}
.header-main {
padding: 26px 0;
border-bottom: 1px solid #D9D9D9;
position: relative
}
.header-main__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 38px
}
.header-menu-btn {
background: none;
border: none;
width: 50px;
height: 12px;
display: -ms-grid;
display: grid;
-ms-flex-line-pack: justify;
align-content: space-between;
padding: 0;
position: relative;
cursor: pointer
}
.header--open .header-menu-btn {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 50px
}
.header--open .header-menu-btn::before,
.header--open .header-menu-btn::after {
width: 100%;
position: absolute
}
.header--open .header-menu-btn::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.header--open .header-menu-btn::after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.header-menu-btn:before,
.header-menu-btn::after {
content: '';
display: block;
height: 1px;
background-color: #fff
}
.page-header .header-menu-btn:before,
.header--scrolled .header-menu-btn:before,
.header--open .header-menu-btn:before,
.page-header .header-menu-btn::after,
.header--scrolled .header-menu-btn::after,
.header--open .header-menu-btn::after {
background-color: #000000
}
.header-menu-btn:before {
width: 100%
}
.header-menu-btn:after {
width: 70%
}
.header-logo svg {
fill: #ffffff
}
.page-header .header-logo svg,
.header--scrolled .header-logo svg,
.header--open .header-logo svg {
fill: #000000
}
.header-logo--mob {
display: none
}
.header-contacts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 24px;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin: 0 auto
}
.header-contacts a {
text-decoration: none;
color: inherit
}
.header-phone {
font-size: 18px;
font-weight: bold
}
.header-callback {
font-size: 13px;
-webkit-transition: .5s;
transition: .5s
}
.header-callback svg {
display: none
}
.header-callback:hover {
color: #3357A6;
text-decoration: underline
}
.header-btn {
background-color: #000000;
border-radius: 4px;
width: 177px;
height: 38px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 20px;
color: #FFFFFF;
line-height: 1.1;
letter-spacing: -0.02em;
text-decoration: none;
font-weight: bold
}
.header-nav {
display: none;
padding: 33px 0 56px;
position: relative
}
.header--open .header-nav {
display: block
}
.header-nav__menu,
.header-nav__contacts {
display: -ms-grid;
display: grid;
gap: 24px;
padding-left: 84px;
-ms-grid-columns: 325px 205px 306px 195px 78px;
grid-template-columns: 325px 205px 306px 195px 78px
}
.header-nav__contacts {
margin-bottom: 38px
}
.header-info {
display: -ms-grid;
display: grid;
gap: 5px
}
.header-info__date {
font-weight: bold;
font-size: 30px;
letter-spacing: -0.02em;
color: #E0CC84
}
.header-info__place {
font-size: 14px
}
.header-info__btn {
display: none
}
.contacts-item {
display: -ms-grid;
display: grid;
gap: 10px
}
.contacts-item__title {
font-size: 14px
}
.contacts-item__description {
font-weight: bold;
font-size: 18px
}
.contacts-item__description a {
color: inherit;
text-decoration: none
}
.social-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
gap: 18px;
margin: 0;
padding: 0
}
.social-link {
font-size: 0;
background-repeat: no-repeat;
background-size: contain;
width: 30px;
height: 30px;
text-decoration: none;
display: block
}
.social-link svg {
fill: #B9C0D0;
-webkit-transition: .5s;
transition: .5s
}
.social-link:hover svg {
fill: #E0CC84
}
.main-menu {
list-style: none;
margin: 0;
padding: 0
}
.main-menu a {
font-weight: bold;
font-size: 14px;
line-height: 250%;
color: inherit;
text-decoration: none
}
.main-menu a:hover {
color: #3357A6
}
.admin-bar .header,
.logged-in .header {
top: 32px
}
.admin-bar .header--scrolled,
.logged-in .header--scrolled {
top: 0
}
@media (max-width: 767px) {
.header-main {
padding: 18px 0
}
.header-menu-btn {
width: 28px
}
.header-logo {
display: none
}
.header-logo--mob {
display: block
}
.header-logo svg {
max-width: 80vw;
width: 100%;
height: auto;
}
.header-btn {
display: none
}
.header-phone {
display: none
} .contacts-item__title {
font-size: 12px
}
.contacts-item__description {
font-size: 15px
}
.header-info {
margin-top: 20px;
border-top: 1px solid #EAEAEA;
padding-top: 16px;
border-bottom: 1px solid #EAEAEA;
padding-bottom: 16px;
margin-bottom: 8px
}
.header-info__btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-top: 14px
}
.header-nav .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
.header-nav__menu,
.header-nav__contacts {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
padding-left: 0
}
.header-nav__menu {
gap: 10px
}
.header-nav__contacts {
margin: 0
}
.header--open .header-nav {
position: fixed;
background-color: #ffffff;
width: 312px;
bottom: 0;
top: 87px;
overflow-y: auto
}
.header-contacts {
margin: 0;
margin-left: auto
}
.header-callback {
font-size: 0
}
.header-callback svg {
display: block;
fill: #FFFFFF
}
.page-header .header-callback svg,
.header--open .header-callback svg,
.header--scrolled .header-callback svg {
fill: #000000
}
.header--open .header-overlay {
background: rgba(29, 37, 56, 0.5);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px)
}
.header--open .header-logo {
position: relative
}
.header--open .header-main::before {
content: '';
background-color: #FFFFFF;
height: 87px;
top: 0;
width: 312px;
position: absolute;
border-bottom: 1px solid #D9D9D9
}
.logged-in .header,
.admin-bar .header {
top: 46px
}
.logged-in .header--open .header-nav,
.admin-bar .header--open .header-nav {
margin-top: 46px
}
.logged-in .header--scrolled,
.admin-bar .header--scrolled {
top: 0
}
.logged-in .header--scrolled .header-nav,
.admin-bar .header--scrolled .header-nav {
margin-top: 0
}
}
.main-banner {
padding-top: 110px;
background-image: url(//xn--80aagecgukjbydkhcbu2a2i.xn--p1ai/wp-content/themes/arcsis-fest/assets/img/back.jpg);
min-height: 861px;
color: #ffffff;
position: relative
}
.main-banner__inner {
position: relative;
margin-top: 127px
}
.main-banner__content {
max-width: 684px;
width: 100%
}
.main-banner-info {
position: absolute;
right: 0;
top: -55px;
display: -ms-grid;
display: grid;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 172px;
height: 172px;
border-radius: 50%;
border: 1px solid #5570B1;
white-space: nowrap;
text-align: center
}
.main-banner-info__date {
font-weight: bold;
font-size: 40px;
letter-spacing: -0.02em;
color: #E0CC84
}
.main-banner-info__year {
font-weight: bold;
font-size: 30px;
letter-spacing: -0.02em;
color: #E0CC84
}
.main-banner-info__place {
font-size: 16px
}
.main-banner-title {
margin: 0
}
.main-banner-title__t1 {
display: block;
font-weight: normal;
font-size: 40px;
line-height: 1.1;
color: #E0CC84;
margin-bottom: 20px
}
.main-banner-title__t2 {
display: block;
font-size: 70px;
font-weight: bold
}
.main-banner-description {
line-height: 1.3
}
.main-banner-btn {
border-radius: 4px;
height: 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 20px;
width: 100%;
color: #FFFFFF;
line-height: 1.1;
letter-spacing: -0.02em;
text-decoration: none;
font-weight: bold;
display: none
}
.headliners {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
left: 440px;
bottom: -330px
}
.headliners__title {
font-weight: bold;
font-size: 18px;
letter-spacing: -0.02em;
color: #E0CC84;
margin-top: 157px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.headliners-slider {
margin-left: 196px
}
.headliners-slider::before {
position: absolute;
margin-left: 34px;
top: 418px;
content: '';
display: block;
width: 268px;
height: 76px;
background: #0E152E;
-webkit-filter: blur(80px);
filter: blur(80px)
}
.headliners-slider .slick-slide {
padding: 17px;
height: 495px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.headliners-slider .slick-arrow {
width: 37px;
height: 37px;
border: 1px solid #6B7EAE;
border-radius: 100%;
top: 66%
}
.headliners-slider .slick-arrow::before {
display: none
}
.headliners-slider .slick-prev {
left: -145px
}
.headliners-slider .slick-next {
left: -96px
}
.headliner-link {
display: block;
position: relative;
width: 295px;
height: 395px;
-webkit-transition: .5s;
transition: .5s;
cursor: pointer
}
.slick-clone-current .headliner-link,
.slick-current .headliner-link {
width: 299px;
height: 495px
}
.headliner-link span {
display: block
}
.headliner-link .img {
position: relative;
width: 100%;
height: 100%
}
.headliner-link .img::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(4.78deg, #0E152E -6.36%, rgba(21, 35, 70, 0) 49.36%)
}
.headliner-link .img img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.headliner-link .name {
color: #ffffff;
text-decoration: none;
font-size: 24px;
letter-spacing: -0.02em;
font-weight: bold;
position: absolute;
left: 37px;
bottom: 23px;
width: 50px
}
.partners {
padding: 25px 0;
background: #F7F7FA
}
.partner-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 33px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.partner-item__text {
font-size: 13px;
line-height: 120%;
max-width: 230px;
color: #7A7D85
}
@media (max-width: 767px) {
.main-banner {
padding-top: 85px;
min-height: 751px
}
.main-banner__inner {
margin-top: 136px
}
.main-banner__inner br {
display: none
}
.main-banner__content {
text-align: center
}
.main-banner-title__t1 {
font-size: 24px;
margin-bottom: 15px
}
.main-banner-title__t2 {
font-size: 33px
}
.main-banner-info {
right: calc(50% - 55px);
top: -122px;
width: 110px;
height: 110px;
border-radius: 50%
}
.main-banner-info__date {
font-size: 25px
}
.main-banner-info__year {
font-size: 16px
}
.main-banner-info__place {
font-size: 12px
}
.main-banner-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 20px
}
.headliners {
left: 0;
width: 100vw;
bottom: -251px
}
.headliners__title {
display: none
}
.headliners-slider {
margin-left: 0;
margin: 0 -6px;
width: 100%
}
.headliners-slider::before {
margin-left: 13px;
top: 178px;
width: 149px;
height: 42px;
-webkit-filter: blur(44px);
filter: blur(44px)
}
.headliners-slider .slick-arrow {
display: none !important
}
.headliners-slider .slick-slide {
height: 221px;
padding: 5px
}
.headliner-link,
.slick-current .headliner-link {
width: 167px;
height: 221px
}
.headliner-link .name {
font-size: 14px;
left: 20px;
bottom: 18px
}
.partners {
padding-top: 71px
}
partner-item__img img {
height: 48px
}
}
.facts {
margin-top: 66px;
background-image: url(//xn--80aagecgukjbydkhcbu2a2i.xn--p1ai/wp-content/themes/arcsis-fest/assets/img/facts-bg.jpg);
background-repeat: repeat-x;
background-position: bottom 33px center
}
.facts__top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.facts__navigation {
display: flex;
align-items: center;
gap: 12px;
}
.facts .slick-arrow {
position: static;
z-index: 3;
width: min(calc(32px + 32px), calc(32px + 32 * ((100vw - 375px) / 1545)));;
height: min(calc(32px + 32px), calc(32px + 32 * ((100vw - 375px) / 1545)));;
background-color: #2A4796;
border-radius: 50%;
transition: .5s;
top: 50%;
color: #000000;
display: flex;
align-items: center;
justify-content: center;
translate: 0 0;
transform: none;
}
.facts .facts__prev {
left: -115px
}
.facts .facts__next {
right: -100px
}
.facts .slick-arrow svg {
flex: 0 0 30%;
fill: #fff
}
.facts .slick-arrow:before {
display: none
}
.facts-subtitle {
letter-spacing: -0.02em;
color: #3357A6;
font-size: 18px;
font-weight: bold;
margin-top: 17px
}
.facts-slider {
margin-top: 40px;
margin-left: -170px
}
.facts-slider .slick-list { }
.fact-slide__inner { position: relative;
padding-top: 23px;
padding-left: 43px;
padding-bottom: 126px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 51px;
-webkit-transition: padding-left .5s ease-in-out;
transition: padding-left .5s ease-in-out
}
.slick-current .fact-slide__inner {
padding-left: 188px
}
.fact-slide .img { -webkit-box-flex: 0;  position: relative
}
.fact-slide .img::after {
content: '';
display: block;
position: absolute;
border: 1px solid #000000;
width: 100%;
height: 100%;
bottom: 14px;
left: 17px
}
.fact-slide .img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.fact-slide .description {
-webkit-box-flex: 0;
-ms-flex: 0 0 365px;
flex: 0 0 365px;
max-width: 365px
}
.fact-slide .description .title {
font-weight: bold;
font-size: 18px;
line-height: 1.1;
letter-spacing: -0.02em;
color: #3357A6;
margin-bottom: 25px
}
.fact-slide .description .text {
line-height: 1.4
}
.fact-slide .date {
position: absolute;
z-index: -1;
bottom: -40px;
left: -145px;
font-size: 300px;
font-weight: bold;
line-height: 84%;
letter-spacing: -0.05em;
background-image: url(//xn--80aagecgukjbydkhcbu2a2i.xn--p1ai/wp-content/themes/arcsis-fest/assets/img/date-bg.png);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-transition: left .5s ease-in-out;
transition: left .5s ease-in-out
}
.slick-current .fact-slide .date {
left: 0
}
@media (max-width: 767px) {
.facts {
background-position: bottom 100px center;
background-size: auto 260px
}
.facts .section-title { font-size: 24px
}
.facts .section-title strong {
font-size: 30px
}
.facts-slider {
margin-left: 0
}
.facts-slider .slick-arrow {
display: none !important
}
.facts-slider .slick-dots {
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;
bottom: -20px
}
.facts-slider .slick-dots li {
width: auto;
height: auto;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ffffff;
position: relative
}
.facts-slider .slick-dots li button {
width: auto;
height: auto;
margin: 0 8px
}
.facts-slider .slick-dots li button::before {
content: '';
opacity: 1;
position: initial;
border-radius: 100%;
background: #EAEAF0;
-webkit-transition: .2s;
transition: .2s;
display: block;
width: 5px;
height: 5px
}
.facts-slider .slick-dots li.slick-active button::before {
width: 12px;
height: 12px;
background: none;
border: 2px solid #000000
}
.facts__top {
display: grid;
grid-template-columns: 100%;
justify-items: center;
gap: 12px;
}
.fact-slide__inner { height: auto;
min-height: 424px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
grid-template: 48px;
padding: 0 10px;
gap: 20px;
}
.slick-current .fact-slide__inner {
padding-left: 10px
}
.fact-slide .img {
width: 100%;
height: auto;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.fact-slide .img::after {
width: 100%;
height: auto;
bottom: 6px;
left: 7px
}
.fact-slide .description {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 100%
}
.fact-slide .date {
font-size: 100px;
left: -6px;
bottom: initial;
top: 148px
}
.slick-current .fact-slide .date {
left: -6px
}
}
.program-section {
margin-top: 114px
}
.program-slider {
margin-top: 36px
}
.program-slider:before {
content: '';
width: 100vh;
left: calc((100vh + 27px) * (-1));
top: 20px;
position: absolute;
display: block;
height: 1px;
background-color: #3357A6
}
.program-slider .slick-arrow {
width: 159px;
height: 63px;
background-color: #F4F4F7;
border-radius: 80px;
transition: .5s;
top: 50%;
font-size: 12px;
color: #000000;
display: flex;
align-items: center;
justify-content: center;
column-gap: 20px;
line-height: 1;
padding: 15px 22px
}
.program-slider .slick-arrow svg {
-webkit-box-flex: 0;
-ms-flex: 0 0 8px;
flex: 0 0 8px
}
.program-slider .slick-arrow::before {
display: none
}
.program-slider .slick-arrow:hover {
background-color: #E0CC84
}
.program-slider .slick-prev {
left: -160px;
text-align: left
}
.program-slider .slick-next {
right: -180px;
text-align: right
}
.program-slider .slick-dots {
bottom: -90px;
height: 20px;
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
}
.program-slider .slick-dots::before {
content: '';
position: absolute;
height: 1px;
width: 100vw;
top: 50%;
left: 0;
background-color: #000000
}
.program-slider .slick-dots li {
width: auto;
height: auto;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ffffff;
position: relative
}
.program-slider .slick-dots li:after {
content: '';
display: block;
width: 52px;
height: 1px;
background-color: #000000
}
.program-slider .slick-dots li button {
width: auto;
height: auto;
margin: 0 30px
}
.program-slider .slick-dots li button::before {
content: '';
opacity: 1;
position: initial;
width: 8px;
height: 8px;
border-radius: 100%;
background: #EAEAF0;
-webkit-transition: .2s;
transition: .2s;
display: block
}
.program-slider .slick-dots li.slick-active button::before {
width: 20px;
height: 20px;
background: none;
border: 2px solid #000000
}
.program {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 80px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative
}
.program__place {
position: absolute;
top: 0;
left: 0
}
.program__place .date {
font-weight: bold;
font-size: 40px;
line-height: 120%;
letter-spacing: -0.02em;
color: #3357A6;
margin-bottom: 10px;
position: relative
}
.program__description {
padding-left: 80px;
display: -ms-grid;
display: grid;
gap: 26px;
max-width: 580px;
margin-top: 112px
}
.program__description .title {
font-size: 40px;
font-weight: normal;
letter-spacing: -0.02em;
margin: 0
}
.program__description .title span {
font-size: 32px
}
.program__description .excerpt {
line-height: 1.4
}
.program__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 630px;
flex: 0 0 630px;
height: 478px;
max-width: 100%;
position: relative;
overflow: hidden
}
.program__img::after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(9.37deg, #4865AD -8.85%, rgba(6, 11, 23, 0) 52.14%)
}
.program__img img {
display: block
}
.program-btn {
background-color: #000000;
border-radius: 4px;
width: 216px;
height: 55px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 20px;
color: #FFFFFF;
line-height: 1.1;
letter-spacing: -0.02em;
text-decoration: none;
font-weight: bold
}
@media (max-width: 1630px) {
.program-slider .slick-arrow {
top: auto;
bottom: -75px;
z-index: 1
}
.program-slider .slick-prev {
left: auto;
right: 180px
}
.program-slider .slick-next {
right: 0
}
}
@media (max-width: 1300px) {
.program__description {
padding-left: 0
}
}
@media (max-width: 1199px) {
.program {
gap: 30px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.program__place .date {
font-size: 32px;
margin-bottom: 5px
}
.program__place .place {
font-size: 14px
}
.program__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
height: auto
}
.program__img img {
width: 100%
}
.program__description {
gap: 16px;
margin-top: 80px
}
.program__description .title {
font-size: 32px
}
.program__description .title span {
font-size: 24px
}
}
@media (max-width: 767px) {
.program {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.program__place {
text-align: center;
position: initial;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.program__place .date {
font-size: 20px;
margin-bottom: 3px
}
.program__place .place {
font-size: 13px
}
.program__description {
padding-left: 0;
text-align: center;
margin-top: 0;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
gap: 5px;
margin: 0 auto
}
.program__description .excerpt {
overflow: hidden;
text-overflow: ellipsis;
display: -moz-box;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
line-clamp: 3;
box-orient: vertical
}
.program__description .excerpt--open {
display: block;
line-clamp: inherit;
text-overflow: inherit
}
.program__description .excerpt--open p {
display: block
}
.program__description .excerpt p {
display: inline
}
.program__description .title {
font-size: 22px
}
.program__description p {
margin: 0
}
.program__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: auto;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
height: 243px;
width: 320px;
max-width: 100%;
margin: 0px auto
}
.program__img img {
width: 100%
}
.program-btn {
width: 100%;
height: 50px;
padding: 17px 20px;
margin-top: 14px
}
.program-slider {
margin-top: 20px
}
.program-slider .slick-arrow {
width: 30px;
height: 30px;
font-size: 0;
color: transparent;
-webkit-column-gap: 0;
column-gap: 0;
line-height: 0;
padding: 0;
top: 20px;
bottom: auto;
z-index: 1
}
.program-slider .slick-arrow svg {
-webkit-box-flex: 0;
-ms-flex: 0 0 5px;
flex: 0 0 5px
}
.program-slider .slick-prev {
left: 0;
right: auto
}
.program-slider .slick-dots {
bottom: -45px
}
.program-slider .slick-dots::before {
display: none
}
.program-slider .slick-dots li::after {
display: none
}
.program-slider .slick-dots li button {
margin: 0 8px
}
.program-slider .slick-dots li button::before {
width: 5px;
height: 5px
}
.program-slider .slick-dots li.slick-active button::before {
width: 12px;
height: 12px
}
}
.events {
margin-top: 167px;
background-image: url(//xn--80aagecgukjbydkhcbu2a2i.xn--p1ai/wp-content/themes/arcsis-fest/assets/img/events-bg.jpg);
background-repeat: repeat-x;
background-position: bottom 188px center
}
.events-top {
margin-top: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.event-top__link {
display: block;
color: #ffffff;
text-decoration: none;
max-width: 630px;
position: relative
}
.event-top__link::before {
position: absolute;
z-index: 1;
top: 50%;
content: '';
display: block;
width: 90%;
left: 4%;
height: 30%;
background: rgba(14, 21, 46, 0.8);
-webkit-filter: blur(80px);
filter: blur(80px)
}
.event-top__img {
display: block;
position: relative;
z-index: 1;
overflow: hidden
}
.event-top__img::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(9.37deg, #4865AD -8.85%, rgba(6, 11, 23, 0) 52.14%);
z-index: 1
}
.event-top__img::after {
content: '';
display: block;
position: absolute;
bottom: 35px;
right: 35px;
width: 178px;
height: 123px;
background-image: url(//xn--80aagecgukjbydkhcbu2a2i.xn--p1ai/wp-content/themes/arcsis-fest/assets/img/logo-sm-w.svg);
background-repeat: no-repeat;
background-size: contain
}
.event-top__img .img {
display: block;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform .5s ease-in-out;
transition: -webkit-transform .5s ease-in-out;
transition: transform .5s ease-in-out;
transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
-o-object-fit: cover;
object-fit: cover
}
.event-top__img .shortinfo {
position: absolute;
bottom: 40px;
left: 59px;
z-index: 1
}
.event-top__img .title {
display: block;
font-size: 14px;
font-weight: bold;
line-height: 1.1;
letter-spacing: -0.02em;
color: #E0CC84;
margin-bottom: 11px
}
.event-top__img .info {
display: block;
font-size: 14px;
font-weight: bold;
line-height: 1.1;
letter-spacing: -0.02em
}
.event-top:hover .img {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
.event-top__description {
position: relative;
margin-top: 42px;
display: block;
z-index: 1
}
.event-top__description .date {
display: block;
font-size: 14px;
font-weight: bold;
line-height: 1.1;
letter-spacing: -0.02em;
color: #E0CC84;
margin-bottom: 14px
}
.event-top__description .title {
display: block;
font-size: 36px;
font-weight: bold;
line-height: 1.1;
letter-spacing: -0.02em;
margin-bottom: 21px
}
.event-top__description .description {
display: block;
font-size: 17px;
line-height: 1.4
}
.events-slider {
margin: 0 -15px;
margin-top: 67px
}
.events-slider .slick-arrow {
width: 63px;
height: 63px;
background-color: #F4F4F7;
border-radius: 100%;
top: 40%;
-webkit-transition: .5s;
transition: .5s
}
.events-slider .slick-arrow::before {
display: none
}
.events-slider .slick-arrow:hover {
background-color: #E0CC84
}
.events-slider .slick-slide:nth-of-type(2n) .event-link__img {
border-top-color: #000000;
border-right-color: transparent
}
.events-slider .slick-prev {
left: -112px
}
.events-slider .slick-next {
right: -112px
}
.event-link {
width: 330px;
color: #000000;
text-decoration: none;
display: block;
padding: 0 15px
}
.event-link__img {
width: 284px;
display: block;
margin-left: 16px;
margin-bottom: 27px;
border-top: 1px solid transparent;
border-right: 1px solid #000000
}
.event-link__img .img {
position: relative;
width: 100%;
top: 15px;
left: -16px;
height: 100%;
overflow: hidden;
display: block
}
.event-link__img .img img {
display: block;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform .5s ease-in-out;
transition: -webkit-transform .5s ease-in-out;
transition: transform .5s ease-in-out;
transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
-o-object-fit: cover;
object-fit: cover
}
.event-link:hover .img img {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
.event-link__title {
font-weight: bold;
font-size: 18px;
line-height: 1.1;
letter-spacing: -0.02em;
display: block;
margin-bottom: 7px
}
.event-link__info {
font-size: 14px;
line-height: 1.4;
display: block
}
@media (max-width: 767px) {
.events {
background-position: bottom 120px center;
background-size: auto 72%;
margin-top: 90px
}
.events-top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 13px;
gap: 20px;
margin-bottom: 33px
}
.event-top__link {
width: 100%
}
.event-top__img::after {
width: 72px;
height: 50px;
right: 18px;
bottom: 24px
}
.event-top__img .shortinfo {
bottom: 19px;
left: 18px
}
.event-top__img .title {
margin-bottom: 5px;
font-size: 12px
}
.event-top__img .info {
font-size: 12px
}
.event-top__description {
text-align: center;
margin-top: 23px
}
.event-top__description .date {
font-size: 12px;
margin-bottom: 5px
}
.event-top__description .title {
font-size: 24px;
margin-bottom: 10px
}
.event-top__description .description {
font-size: 14px
}
.events-slider {
margin: 0px -6px;
width: 100%
}
.events-slider .slick-list {
overflow: visible
}
.events-slider .slick-arrow {
display: none !important
}
.events-slider .slick-dots {
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;
bottom: -45px
}
.events-slider .slick-dots li {
width: auto;
height: auto;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ffffff;
position: relative
}
.events-slider .slick-dots li button {
width: auto;
height: auto;
margin: 0 8px
}
.events-slider .slick-dots li button::before {
content: '';
opacity: 1;
position: initial;
border-radius: 100%;
background: #EAEAF0;
-webkit-transition: .2s;
transition: .2s;
display: block;
width: 5px;
height: 5px
}
.events-slider .slick-dots li.slick-active button::before {
width: 12px;
height: 12px;
background: none;
border: 2px solid #000000
}
.event-link {
width: 214px;
padding: 0px 6px
}
.event-link__img {
width: 191px;
margin-left: 10px
}
.event-link__img img {
top: 10px;
left: -11px
}
.event-link__title {
font-size: 14px
}
.event-link__info {
font-size: 12px
}
}
.tab-nav {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.tab-nav-link {
display: block;
border: none;
background: none;
text-align: left;
text-decoration: none;
color: #000000;
font-size: 24px;
padding: 24px 0;
position: relative;
white-space: nowrap;
-webkit-transition: 0.24s;
transition: 0.24s;
cursor: pointer;
position: relative
}
.tab-nav-link::after {
content: attr(title);
display: block;
font-weight: bold;
margin-left: 35px;
color: transparent;
height: 0;
overflow: hidden
}
.tab-nav-link:before {
content: '';
display: block;
height: 2px;
width: 100%;
position: absolute;
bottom: -1px;
-webkit-transition: 0.24s;
transition: 0.24s
}
.tab-nav-link svg {
fill: #000000;
margin-right: 5px;
margin-bottom: -5px;
width: 24px;
height: 24px;
-webkit-transition: 0.24s;
transition: 0.24s
}
.tab-nav-link .arrow {
position: absolute;
top: 24px;
right: 7px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: none
}
.tab-nav-link .arrow svg {
width: 6px;
height: 4px
}
.tab-nav-link:hover,
.tab-nav-link--active {
color: #3357A6;
font-weight: bold;
margin-bottom: 0
}
.tab-nav-link:hover::before,
.tab-nav-link--active::before {
background-color: #3357A6
}
.tab-nav-link:hover svg,
.tab-nav-link--active svg {
fill: #3357A6
}
.tab-content {
position: relative
}
.tab-content-item {
opacity: 0;
position: absolute;
left: -9999px;
width: 100%
}
.tab-content-item--active {
left: 0;
opacity: 1
}
.infrastructure {
margin-top: 90px
}
.infrastructure .section-title {
margin-bottom: 28px
}
.infrastructure-subtitle {
margin-bottom: 14px
}
.infrastructure-tab-nav {
border-bottom: 1px solid #D8D8D8
}
.infrastructure-tab-content {
margin-top: 40px
}
.infrastructure-tab-content .tab-content {
height: 520px
}
.infrastructure-slider {
margin: 0 -15px
}
.infrastructure-slider .slick-arrow {
width: 63px;
height: 63px;
background-color: #F4F4F7;
border-radius: 100%;
top: 40%;
-webkit-transition: .5s;
transition: .5s
}
.infrastructure-slider .slick-arrow::before {
display: none
}
.infrastructure-slider .slick-arrow:hover {
background-color: #E0CC84
}
.infrastructure-slider .slick-prev {
left: -112px
}
.infrastructure-slider .slick-next {
right: -112px
}
.infrastructure-slide {
padding: 0 15px
}
.infrastructure-slide__link {
display: block;
text-decoration: none;
width: 410px;
position: relative;
color: inherit
}
.infrastructure-slide__img {
color: #ffffff;
display: block;
position: relative;
z-index: 1;
height: 390px;
width: 410px;
background-color: rgba(102, 102, 102, 0.198);
overflow: hidden
}
.infrastructure-slide__img::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(9.37deg, #4865AD -8.85%, rgba(6, 11, 23, 0) 52.14%);
z-index: 1
}
.infrastructure-slide__img .img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: -webkit-transform .5s ease-in-out;
transition: -webkit-transform .5s ease-in-out;
transition: transform .5s ease-in-out;
transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out
}
.infrastructure-slide__img .shortinfo {
position: absolute;
bottom: 32px;
left: 38px;
right: 38px;
z-index: 1;
top: 280px
}
.infrastructure-slide__img .title {
display: block;
font-size: 12px;
font-weight: bold;
line-height: 1.1;
letter-spacing: -0.02em;
color: #E0CC84;
margin-bottom: 11px
}
.infrastructure-slide__img .info {
display: block;
font-size: 24px;
font-weight: bold;
line-height: 1.1;
letter-spacing: -0.02em
}
.infrastructure-slide:hover .img {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
.infrastructure-slide__description {
position: relative;
margin-top: 30px;
display: block;
padding: 0 37px
}
.infrastructure-slide__description span {
display: block;
line-height: 1.4
}
.infrastructure-slide__description .phone {
font-weight: 18px;
font-weight: bold;
margin-bottom: 8px
}
@media (max-width: 767px) {
.tabs {
position: relative
}
.tab-nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: left;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.tab-nav-link {
font-size: 18px;
padding: 15px 6px;
width: 100%
}
.tab-nav-link::before {
background-color: #D8D8D8;
height: 1px;
left: 0
}
.tab-nav-link--active {
margin-bottom: 412px
}
.tab-nav-link--active::before,
.tab-nav-link:last-of-type::before {
display: none
}
.tab-nav-link .arrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.tab-content-item--active {
border-bottom: 1px solid #3357A6;
padding-bottom: 16px
}
.tab-content-item--active:last-of-type {
border: none
}
.infrastructure-tab-nav {
border: none
}
.infrastructure-slider {
margin: 0 -5px
}
.infrastructure-slide {
padding: 0px 5px
}
.infrastructure-slide__link {
width: 290px
}
.infrastructure-slide__img {
height: 276px;
width: 290px
}
.infrastructure-slide__img .shortinfo {
bottom: 19px;
left: 26px
}
.infrastructure-slide__img .title {
margin-bottom: 4px
}
.infrastructure-slide__img .info {
font-size: 18px
}
.infrastructure-slide__description {
margin-top: 13px;
padding: 0
}
.infrastructure-tab-content {
margin-top: 0;
position: absolute;
width: 100%;
top: 55px
}
.infrastructure-tab-content .tab-content {
height: auto
}
}
.about {
margin-top: 90px
}
.about__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
padding-bottom: 155px
}
.about-text { padding-top: 20px
}
.about-text p {
margin-top: 0;
margin-bottom: 19px
}
.about-text__title {
margin-bottom: 19px
}
.about-text__title--mob {
display: none
}
.about-text__subtitle {
font-size: 32px;
line-height: 1.1;
letter-spacing: -0.02em;
margin-bottom: 19px
}
.about-text__text { overflow-y: scroll;
font-size: 17px;
line-height: 1.4;
text-align: justify;
padding: min(calc(16px + 20px), calc(16px + 20 * ((100vw - 375px) / 1545)));
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-image: url(//xn--80aagecgukjbydkhcbu2a2i.xn--p1ai/wp-content/themes/arcsis-fest/assets/img/about-bg.jpg);
}
.about-text__text::-webkit-scrollbar {
width: 4px
}
.about-text__text::-webkit-scrollbar-track {
background: transparent
}
.about-text__text::-webkit-scrollbar-thumb {
background-color: #c4c4c4;
border-radius: 20px;
border: 1px solid transparent
}
.about-video__slide {
position: relative
}
.about-video__slide .title {
font-weight: bold;
font-size: 14px;
line-height: 1.1;
letter-spacing: -0.02em;
color: #FFFFFF;
position: absolute;
bottom: 32px;
left: 47px;
right: 47px
}
.about-video__slide .play {
width: 140px;
height: 140px;
background: #FFFFFF;
-webkit-box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.3);
box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.3);
border-radius: 100%;
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
position: absolute;
top: calc(50% - 70px);
left: calc(50% - 70px)
}
.about-video__slide .play__inner {
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: 135px;
height: 135px;
background: #FFFFFF;
-webkit-box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.3), inset 0px -5px 0px #eee;
box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.3), inset 0px -5px 0px #eee;
border-radius: 100%
}
.about-video__slide .play__inner svg {
margin-left: 17px
}
.about-video__slide .preview {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block
}
.about-video--video-slider {
max-width: 600px;
width: 100%;
margin-bottom: 10px
}
.about-video--video-slider .about-video__slide {
height: 446px
}
.about-video--video-slider .about-video__slide::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(9.37deg, #4865AD -8.85%, rgba(6, 11, 23, 0) 52.14%)
}
.about-video--preview-slider {
max-width: 614px;
margin: 0 -7px
}
.about-video--preview-slider .about-video__slide {
height: 197px
}
.about-video--preview-slider .play {
-webkit-transform: scale(0.4714);
transform: scale(0.4714)
}
.about-video--preview-slider .slick-slide {
padding: 0 7px
}
.about-number {
position: absolute;
bottom: -9%;
left: 41.5%;
font-size: 300px;
font-weight: bold;
line-height: 84%;
letter-spacing: -0.05em;
background-image: url(//xn--80aagecgukjbydkhcbu2a2i.xn--p1ai/wp-content/themes/arcsis-fest/assets/img/date-bg.png);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
@media (max-width: 757px) {
.about {
margin-top: 45px
}
.about__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
padding-bottom: 67px
}
.about-text {
max-width: 100%;
padding-top: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.about-text__title {
display: none
}
.about-text__title--mob {
display: block
}
.about-text__subtitle {
font-size: 24px
}
.about-number {
display: none
}
.about-video__slide .title {
bottom: 19px;
left: 28px;
right: 28px
}
.about-video__slide .play {
-webkit-transform: scale(0.5);
transform: scale(0.5)
}
.about-video--video-slider .about-video__slide {
height: auto
}
.about-video--preview-slider .about-video__slide {
height: auto
}
.about-video--preview-slider .play {
-webkit-transform: scale(0.3);
transform: scale(0.3)
}
}
.news-section__inner {
position: relative
}
.news-item__link {
width: 300px;
color: #000000;
text-decoration: none;
display: block
}
.news-item__img {
width: 284px;
height: 220px;
display: block;
margin-left: 16px;
margin-bottom: 27px;
border-top: 1px solid transparent;
border-right: 1px solid #000000
}
.news-item__img .img {
position: relative;
width: 100%;
height: auto;
max-height: 100%;
top: 15px;
left: -16px;
background-color: #f3f3f3;
height: 100%;
overflow: hidden;
display: block
}
.news-item__img .img img {
display: block;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform .5s ease-in-out;
transition: -webkit-transform .5s ease-in-out;
transition: transform .5s ease-in-out;
transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
-o-object-fit: cover;
object-fit: cover
}
.news-item:hover .img img {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
.news-item:nth-of-type(2n) .news-item__img {
border-top-color: #000000;
border-right-color: transparent
}
.news-item__title {
font-weight: bold;
font-size: 18px;
line-height: 1.1;
letter-spacing: -0.02em;
display: block;
margin-bottom: 17px
}
.news-item__date {
font-size: 12px;
line-height: 1.1;
letter-spacing: -0.02em;
color: #D9D9D9;
display: block;
font-weight: bold
}
.news-item__arrow {
position: absolute;
bottom: 62px;
right: 49px;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 37px;
height: 37px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 100%;
background-color: #ffffff;
-webkit-transition: .5s;
transition: .5s
}
.news-item__arrow:hover {
background-color: #E0CC84
}
.news-item--last .news-item__link {
width: 630px;
display: block;
color: #ffffff;
text-decoration: none;
position: relative
}
.news-item--last .news-item__img {
width: 630px;
height: 472px;
display: block;
position: relative;
z-index: 1;
border: none;
margin: 0;
overflow: hidden
}
.news-item--last .news-item__img::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(9.37deg, #4865AD -8.85%, rgba(6, 11, 23, 0) 52.14%);
z-index: 1
}
.news-item--last .news-item__img img {
position: static;
display: block;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform .5s ease-in-out;
transition: -webkit-transform .5s ease-in-out;
transition: transform .5s ease-in-out;
transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
-o-object-fit: cover;
object-fit: cover
}
.news-item--last:hover .news-item__img img {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
.news-item--last .shortinfo {
position: absolute;
bottom: 40px;
right: 158px;
left: 59px;
z-index: 1
}
.news-list {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 40px 30px
}
.news-list--archive {
margin: 36px 0px;
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr)
}
.news-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 37px;
-webkit-column-gap: 32px;
column-gap: 32px
}
.news-all {
position: absolute;
top: 25px;
right: 0
}
.news-all__link {
font-weight: bold;
font-size: 18px;
line-height: 1.1;
letter-spacing: -0.02em;
text-decoration: none;
color: #000000
}
.news-all__link:hover {
color: #3357A6;
-webkit-transition: .5s;
transition: .5s
}
.news-all__link:hover svg {
fill: #3357A6;
-webkit-transition: .5s;
transition: .5s
}
.news-all--mob {
display: none
}
.news-all--mob .news-all__link {
background-color: #000000;
border-radius: 4px;
height: 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 20px;
width: 100%;
color: #FFFFFF;
line-height: 1.1;
letter-spacing: -0.02em;
text-decoration: none;
font-weight: bold;
font-size: inherit
}
.news-content {
margin-bottom: 65px
}
.news-content__title {
padding: 0 40px;
font-weight: bold;
font-size: 55px;
line-height: 1.1;
letter-spacing: -0.02em;
margin-top: 0;
margin-bottom: 20px
}
.news-content__date {
padding: 0 40px;
font-weight: bold;
font-size: 12px;
line-height: 1.1;
letter-spacing: -0.02em;
color: #D9D9D9;
margin-bottom: 30px
}
.news-content__content {
line-height: 1.4
}
.news-content__content .has-right-left-padding,
.news-content__content>ul,
.news-content__content>ol,
.news-content__content>h2,
.news-content__content>h3,
.news-content__content>p {
padding: 0 118px
}
.news-content__content h1 {
font-size: 55px;
margin-bottom: 15px
}
.news-content__content h2 {
font-size: 40px;
margin-bottom: 15px;
margin-top: 30px
}
.news-content__content h3 {
font-size: 30px;
margin-bottom: 15px;
margin-top: 25px;
line-height: 1.1
}
.news-content__content h3.has-text-align-center {
margin-bottom: 30px
}
.news-content__content p {
margin-bottom: 20px
}
.news-content__content p.has-text-align-center {
margin-bottom: 45px
}
.news-content__content>ul li,
.news-content__content>ol li {
margin-left: 64px
}
.news-content__content blockquote {
margin: 60px 118px;
padding: 10px 80px;
line-height: 1.4;
background-image: url(//xn--80aagecgukjbydkhcbu2a2i.xn--p1ai/wp-content/themes/arcsis-fest/assets/img/blockquote.svg);
background-repeat: no-repeat;
background-position: top left
}
.news-content__content blockquote p {
font-size: 24px;
margin: 0 0 22px
}
.news-content__content blockquote cite {
font-size: 16px;
color: #898996
}
.news-content__content figure {
margin: 0;
padding: 0;
max-width: 100%
}
.news-content__content img {
width: 100%;
-o-object-fit: cover;
object-fit: cover
}
.news-content__content .block-media-text,
.news-content__content .wp-block-columns.wp-container-3,
.news-content__content .wp-block-media-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 77px;
column-gap: 77px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 60px;
margin: 45px 0
}
.news-content__content .block-media-text figure,
.news-content__content .wp-block-columns.wp-container-3 figure,
.news-content__content .wp-block-media-text figure {
-webkit-box-flex: 0;
-ms-flex: 0 0 45%;
flex: 0 0 45%
}
.news-content__content .has-media-on-the-right {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.news-content__content .has-text-align-center {
text-align: center
}
.news-content__content .wp-block-table {
margin: 60px 0
}
.news-content__content .wp-block-table table {
border-collapse: collapse
}
.news-content__content .wp-block-table table th {
color: #ffffff;
font-size: 18px;
background-color: #3357A6;
border-right: 1px solid #456AA2;
border-left: 1px solid #456AA2;
text-align: left
}
.news-content__content .wp-block-table table th:first-child {
border-left: none;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px
}
.news-content__content .wp-block-table table th:last-child {
border-right: none;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px
}
.news-content__content .wp-block-table table th,
.news-content__content .wp-block-table table td {
padding: 18px 60px;
vertical-align: baseline
}
.news-content__content .wp-block-table table td {
border: 1px solid #D8DFED
}
.news-content__content .wp-block-table table thead+tbody tr:first-child td {
border-top: none
}
.news-content__content .wp-block-cover {
position: relative;
margin: 45px 0
}
.news-content__content .wp-block-cover:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(9.37deg, #4865AD -8.85%, rgba(6, 11, 23, 0) 52.14%)
}
.news-content__content .wp-block-cover img {
display: block
}
.news-content__content .wp-block-cover__inner-container {
left: 118px;
bottom: 23px;
position: absolute;
color: #ffffff;
font-size: 12px;
font-weight: bold
}
.news-content__content .wp-block-cover__inner-container p {
margin: 0
}
.news-content__content .wp-block-columns {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
-webkit-column-gap: 100px;
column-gap: 100px
}
.pagination-section {
margin: 52px 0 62px;
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;
text-align: center
}
.more-posts {
background: none;
border: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 32px;
column-gap: 32px;
font-weight: bold;
font-size: 18px;
line-height: 1.1;
letter-spacing: -0.02em;
cursor: pointer
}
.more-posts--loaded svg {
display: none
}
.pagination {
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;
-webkit-column-gap: 7px;
column-gap: 7px;
margin: 0;
padding: 0;
list-style: none;
margin-top: 20px
}
.pagination-item {
font-weight: 400;
font-size: 40px;
line-height: 1.1;
text-align: center;
letter-spacing: -0.02em;
width: 64px
}
.pagination-item a {
text-decoration: none;
color: inherit
}
.pagination-item a:hover {
color: #3357A6
}
.pagination-item span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #ffffff;
width: 64px;
height: 64px;
background-color: #3357A6;
border-radius: 100%
}
.festival-banner {
padding: 32px 60px;
background-image: url(//xn--80aagecgukjbydkhcbu2a2i.xn--p1ai/wp-content/themes/arcsis-fest/assets/img/back.jpg);
background-position: top;
min-height: 200px;
color: #ffffff;
position: relative;
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;
margin: 37px 0 49px
}
.festival-banner__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 41px;
column-gap: 41px
}
.festival-banner-info {
display: -ms-grid;
display: grid;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 130px;
height: 130px;
border-radius: 50%;
border: 1px solid #5570B1;
white-space: nowrap;
text-align: center
}
.festival-banner-info__date {
font-weight: bold;
font-size: 30px;
letter-spacing: -0.02em;
color: #E0CC84
}
.festival-banner-info__place {
font-size: 12px
}
.festival-banner-title {
margin: 0
}
.festival-banner-title__t1 {
display: block;
font-weight: normal;
font-size: 25px;
color: #E0CC84;
margin-bottom: 12px
}
.festival-banner-title__t2 {
display: block;
font-size: 30px;
font-weight: bold
}
.festival-banner-btn {
height: 38px;
border-radius: 4px;
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;
text-decoration: none;
padding: 10px 20px;
width: 177px
}
@media (max-width: 757px) {
.news-top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 22px
}
.news-list {
-ms-grid-columns: (1fr)[1];
grid-template-columns: repeat(1, 1fr);
justify-items: center;
row-gap: 22px
}
.news-item__link {
text-align: center;
display: -ms-grid;
display: grid;
justify-items: center
}
.news-item__img {
width: 237px;
height: 183px;
margin-left: 12px
}
.news-item__img img {
top: 12px;
left: -14px
}
.news-item__title {
font-size: 16px;
margin-bottom: 11px
}
.news-item__date {
font-size: 11px
}
.news-item__arrow {
bottom: 31px;
right: 22px;
width: 28px;
height: 28px
}
.news-item--last .news-item__link {
width: 100%;
text-align: left
}
.news-item--last .news-item__img {
width: 100%;
height: auto
}
.news-item--last .shortinfo {
bottom: 21px;
right: 80px;
left: 24px
}
.news-all {
position: initial;
margin: 28px auto 0;
text-align: center;
display: none
}
.news-all--mob {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 20px
}
.festival-banner {
display: none
}
.pagination-item {
font-size: 24px;
width: 43px
}
.pagination-item span {
width: 43px;
height: 43px
}
.more-posts {
font-size: 14px
}
.news-content__title {
font-size: 30px;
text-align: center;
padding: 0
}
.news-content__date {
padding: 0;
text-align: center
}
.news-content__content .has-right-left-padding,
.news-content__content>ul,
.news-content__content>ol,
.news-content__content>h2,
.news-content__content>h3,
.news-content__content>blockquote,
.news-content__content>p {
padding: 0
}
.news-content__content img {
max-width: 100%
}
.news-content__content h1,
.news-content__content h2,
.news-content__content h3 {
font-size: 18px;
margin: 12px 0
}
.news-content__content h1.has-text-align-center,
.news-content__content h2.has-text-align-center,
.news-content__content h3.has-text-align-center {
margin-bottom: 12px
}
.news-content__content ul li,
.news-content__content ol li {
margin-left: 20px
}
.news-content__content P {
margin-bottom: 12px
}
.news-content__content P.has-text-align-center {
margin-bottom: 12px
}
.news-content__content blockquote {
margin: 12px 0;
font-size: 16px;
padding: 0 0 0 48px;
background-size: auto 24px
}
.news-content__content blockquote p {
margin-bottom: 12px
}
.news-content__content blockquote cite {
font-size: 13px
}
.news-content__content .block-media-text,
.news-content__content .wp-block-columns.wp-container-3,
.news-content__content .wp-block-media-text {
display: -ms-grid;
display: grid;
margin: 12px 0
}
.news-content__content .wp-block-table {
overflow-x: auto;
margin: 12px 0
}
.news-content__content .wp-block-table table {
min-width: 600px
}
.news-content__content .wp-block-table table th {
font-size: 14px
}
.news-content__content .wp-block-table table th,
.news-content__content .wp-block-table table td {
padding: 12px 28px
}
.news-content__content .wp-block-columns {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr
}
.news-content__content .wp-block-cover {
margin: 12px 0
}
.news-content__content .wp-block-cover__inner-container {
left: 28px;
bottom: 17px;
font-size: 11px
}
}
.organizators {
margin-top: 90px;
background-image: url(//xn--80aagecgukjbydkhcbu2a2i.xn--p1ai/wp-content/themes/arcsis-fest/assets/img/organizators-bg.jpg);
background-repeat: repeat-x;
background-position: bottom center;
padding-bottom: 71px
}
.organizators-list {
margin-top: 97px
}
.organizators-list .slick-arrow {
width: 63px;
height: 63px;
background-color: #F4F4F7;
border-radius: 100%;
top: 40%;
-webkit-transition: .5s;
transition: .5s
}
.organizators-list .slick-arrow::before {
display: none
}
.organizators-list .slick-arrow:hover {
background-color: #E0CC84
}
.organizators-list .slick-prev {
left: -112px
}
.organizators-list .slick-next {
right: -112px
}
.organizator {
text-align: center;
width: 190px;
min-width: 190px;
color: inherit;
text-decoration: none;
display: block
}
.organizator .img {
height: 110px;
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;
margin-bottom: 32px
}
.organizator .title {
color: #ffffff;
font-weight: bold;
font-size: 14px;
line-height: 1.1;
letter-spacing: -0.02em
}
@media (max-width: 757px) {
.organizators {
margin-top: 40px;
padding-bottom: 55px;
background-size: auto 80%
}
.organizators-list {
margin-top: 55px
}
.organizators-list .slick-arrow {
display: none !important
}
.organizators-list .slick-dots {
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;
bottom: -45px
}
.organizators-list .slick-dots li {
width: auto;
height: auto;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
position: relative
}
.organizators-list .slick-dots li button {
width: auto;
height: auto;
margin: 0 8px
}
.organizators-list .slick-dots li button::before {
content: '';
opacity: 1;
position: initial;
border-radius: 100%;
background: #EAEAF0;
-webkit-transition: .2s;
transition: .2s;
display: block;
width: 5px;
height: 5px
}
.organizators-list .slick-dots li.slick-active button::before {
width: 12px;
height: 12px;
background: none;
border: 2px solid #000000
}
.organizator {
width: auto;
min-width: auto
}
.organizator .title {
font-size: 13px
}
.organizator .img {
max-height: 70px;
max-width: 90%;
margin: 17px auto
}
.organizator .img img {
max-height: 100%;
max-width: 100%
}
}
.footer {
background-color: #0D121D;
color: #ffffff
}
.footer .container {
max-width: min(1000px, 100%);
}
.footer .social-links svg {
fill: #ffffff
}
.footer .social-link:hover svg {
fill: #E0CC84
}
.footer-top {
padding: 42px 0
}
.footer-top__inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 40px
}
.footer-top__inner a:not(.btn) {
-webkit-transition: .5s;
transition: .5s
}
.footer-top__inner a:not(.btn):focus,
.footer-top__inner a:not(.btn):hover {
color: #E0CC84
}
.footer-top__inner a:not(.btn):focus {
text-decoration: underline
}
.footer-bottom {
color: rgba(255, 255, 255, 0.6);
font-size: 14px;
line-height: 1.4;
padding: 35px 0;
border-top: 1px solid #414652
}
.footer-bottom a {
color: inherit;
text-decoration: none
}
.footer-bottom .contacts-item {
color: #fff;
}
.footer-bottom a:focus,
.footer-bottom a:hover {
color: #ffffff;
text-decoration: underline
}
.footer-bottom__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;
gap: 12px;
}
.footer-logo svg {
fill: #ffffff
}
.footer-nav__contacts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 40px;
margin-bottom: 20px; position: relative
} .footer-nav__contacts .contacts-item {
margin-top: 13px
}
.footer-nav__contacts .contacts-item:last-of-type {
margin-right: 29px
}
.footer-nav__menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 150px;
column-gap: 150px;
font-size: 14px
}
.footer__col .main-menu {
margin-top: 0
}
.contacts-item-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: grid;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px
}
.footer-info {
display: -ms-grid;
display: grid;
gap: 5px
}
.footer-info__date {
font-weight: bold;
font-size: 30px;
letter-spacing: -0.02em;
color: #E0CC84
}
.footer-info__place {
font-size: 14px
}
.footer-copyright {
font-size: 14px;
line-height: 1.4;
color: #D9D9D9;
margin-top: 58px;
margin-bottom: 26px
}
.politics a {
margin-right: 8px
}
.arcsis-copyright {
text-align: center;
margin-top: 20px
}
.arcsis-copyright a {
display: flex;
align-items: center;
justify-content: center;
}
.arcsis-copyright img {
margin-left: 10px;
display: inline-block
}
.footer-btn {
background-color: #ffffff;
border-radius: 4px;
width: 177px;
height: 38px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 20px;
color: #000000;
line-height: 1.1;
letter-spacing: -0.02em;
text-decoration: none;
font-weight: bold;
margin-top: 25px
}
.to-top { display: block;
width: 30px;
height: 30px; background-size: contain;
font-size: 0;
background-repeat: no-repeat;
margin-top: 20px
}
@media (max-width: 757px) {
.footer-top {
padding-top: 70px
}
.footer-top__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.footer-logo {
text-align: center
}
.footer-nav__contacts {
-webkit-column-gap: 0;
column-gap: 0;
gap: 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.footer-nav__contacts::after {
display: none
}
.footer-nav__contacts .footer-info,
.footer-nav__contacts .contacts-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(50% - 8px);
flex: 0 0 calc(50% - 8px);
margin: 0
}
.footer-nav__contacts .contacts-item:last-of-type {
margin-right: 0
}
.footer-nav__menu {
gap: 16px;
position: relative; }
.footer-nav__menu .main-menu {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(50% - 8px);
flex: 0 0 calc(50% - 8px)
}
.footer-nav__logo {
display: none
}
.footer-btn { bottom: 0;
width: 100%;
right: 0;
left: 0
}
.footer-info {
gap: 1px
}
.footer-info__date {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
font-size: 18px
}
.footer-info__place {
font-size: 12px
}
.footer-copyright {
margin-top: 27px;
margin-bottom: 36px
}
.footer-copyright br {
display: none
}
.footer-copyright__wrap { }
.footer-copyright__wrap .social-links {
margin: 0 auto
}
.footer-bottom__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
align-items: start;
}
.arcsis-copyright {
text-align: left;
}
.arcsis-copyright a{
justify-content: flex-start
}
.to-top {
left: 0;
right: 0; bottom: auto;
top: -53px
}
}
.page-404 {
width: 662px;
max-width: 100%;
margin: 0 auto;
padding: 316px 0 160px;
position: relative
}
.page-404::after,
.page-404::before {
content: '';
display: block;
position: absolute;
background-repeat: no-repeat;
background-size: contain
}
.page-404::before {
background-image: url(//xn--80aagecgukjbydkhcbu2a2i.xn--p1ai/wp-content/themes/arcsis-fest/assets/img/404-bg-1.svg);
height: 542px;
width: 542px;
left: -328px;
top: 86px
}
.page-404::after {
background-image: url(//xn--80aagecgukjbydkhcbu2a2i.xn--p1ai/wp-content/themes/arcsis-fest/assets/img/404-bg-2.svg);
height: 291px;
width: 359px;
top: 45px;
left: -284px
}
.page-404__title {
position: relative;
font-size: 55px;
font-weight: bold;
line-height: 1.1;
letter-spacing: -0.02em;
margin-bottom: 35px
}
.page-404__subtitle {
position: relative;
font-size: 24px;
line-height: 1.4;
margin-bottom: 48px
}
.page-404__btn {
position: relative;
border-radius: 4px;
width: 300px;
height: 55px;
text-decoration: none;
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;
padding: 10px 20px
}
@media (max-width: 767px) {
.politics, .politics span {
display: grid;
gap: 12px;
}
.politics br{
display: none;
}
.page-404 {
padding: 231px 0 0
}
.page-404__title {
font-size: 30px;
text-align: center;
margin-bottom: 20px
}
.page-404__subtitle {
font-size: 16px;
margin-bottom: 27px
}
.page-404__btn {
width: 100%
}
.page-404::before {
height: 167px;
width: 167px;
left: calc(50% - 83px);
top: 45px
}
.page-404::after {
height: 145px;
width: 188px;
top: 26px;
left: calc(50% - 83px)
}
}