@media screen and (min-width: 1200px) {
section.about .about-container-center {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
section.about .about-container-center .about-icon {
align-self: unset;
width: 33%;
}
}
section.speakers .speaker-short {
display: none;
}
section.speakers .speaker-short.active {
display: block;
}
section.speakers .btn-speakers-load-more {
display: block;
margin: 20px auto 0;
}
.main-header .main-header-buttons {
display: flex;
margin-left: auto;
gap: 15px;
}
.main-header .main-header-buttons .btn-primary {
margin: 0;
padding: 12px 16px;
}
@media screen and (max-width: 1199px) {
.main-header .main-header-buttons {
flex-direction: column;
}
.main-header .main-menu-container {
top: calc(50% + 30px);
}
}
@media screen and (min-width: 1200px) {
.main-header .container {
margin-left: 20px;
margin-right: 20px;
}
.main-header .main-menu .menu-item {
margin: 0 10px;
}
}
.main-header .main-menu a {
white-space: nowrap;
}
.btn-cta {
background-color: transparent;
color: #d62e23;
}
.btn-cta:hover {
background-color: #d62e23;
border-color: #d62e23;
color: #fff;
}
body.home .page-decor-m {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}   .card {
position: relative;
perspective: 1000px;
z-index: 1;
}
.card:hover {
z-index: 2;
}
.card:hover .card-inner {
transform: rotateY(180deg);
}
.card .card-inner {
position: relative;
width: 100%;
height: 100%;
transition: transform 0.8s;
transform-style: preserve-3d;
}
.card-inner > div {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
}
.card .card-front {
z-index: -1;
}
.card .card-back {
transform: rotateY(180deg);
} .about-item {
width: 33%;
}
.card {
position: relative;
perspective: 1000px;
z-index: 1;
}
@media screen and (max-width: 1200px) {
.about-item {
width: 100%;
}
}
section.about-flip .about-icon {
width: 100% !important;
}
.section.about-flip .about-item__front {
background: #f5f4f2;
}
.section.about-flip .about-item__back {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 100% !important;
background: #f5f4f2;
box-shadow: 0 0 0 2px #000;
}
.section.about-flip .about-item__back span {
position: relative;
z-index: 1;
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
letter-spacing: 1.25px;
cursor: pointer;
transition: ease 0.3s;
text-shadow: 3px 4px 7px #000;
}
.section.about-flip .about-item__back span:hover {
color: #f5f5f5;
}
.section.about-flip .about-item__back img {
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
object-fit: cover;
} .contact-us-aside {
position: fixed;
right: 30px;
top: 50%;
transform: translateY(-50%);
z-index: 3;
}
@media (max-width: 574px) {
.contact-us-aside {
right: 15px;
}
}
.contact-us-aside ul {
margin: 0;
padding: 0;
list-style: none;
}
.contact-us-aside ul li + li {
margin-top: 20px;
}
.contact-us-aside span,
.contact-us-aside a {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
background-color: red;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .25);
transition: ease 0.3s;
color: #fff !important;
text-decoration: none !important;
cursor: pointer;
}
.contact-us-aside span:hover,
.contact-us-aside a:hover {
background-color: #f24c42;
}
.contact-us-aside span svg,
.contact-us-aside a svg {
transition: ease 0.3s;
fill: #fff !important;
}
.contact-us-aside span svg path,
.contact-us-aside a svg path {
fill: #fff !important;
transition: ease 0.3s;
} .why-container {
position: relative;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 80px;
padding-bottom: 80px;
background: #000;
}
@media (max-width: 767px) {
.why-container {
padding-top: 45px;
padding-bottom: 70px;
}
}
.why-container:before {
content: "";
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
}
.why-container > img {
position: absolute;
z-index: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.why-container__wrapper {
position: relative;
z-index: 2;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 30px;
}
@media (max-width: 991px) {
.why-container__wrapper {
gap: 20px;
}
}
@media (max-width: 767px) {
.why-container__wrapper {
gap: 30px;
}
}
.why-container__wrapper .col {
width: calc(33% - 18px);
display: flex;
}
@media (max-width: 767px) {
.why-container__wrapper {
flex-wrap: wrap;
}
.why-container__wrapper .col {
width: 100%;
}
}
.why-item {
width: 100%;
display: flex;
flex-direction: column;
}
.why-item .why-item__title {
display: block;
min-height: 66px;
padding-bottom: 10px;
font-family: "TT Firs", system, sans-serif;
font-size: 21px;
font-weight: 700;
color: rgba(255, 255, 255, 0.9);
text-align: center;
letter-spacing: 1px
}
@media (max-width: 767px) {
.why-item .why-item__title {
font-size: 19px;
min-height: auto;
margin-bottom: 5px;
}
}
.why-item .why-item__inner {
flex-grow: 1;
padding: 20px;
padding-bottom: 30px;
border: 2px solid rgba(255, 255, 255, 0.8);
color: rgba(255, 255, 255, 0.95);
}
@media (max-width: 991px) {
.why-item .why-item__inner {
border: 1px solid rgba(255, 255, 255, 0.8);
padding: 10px;
padding-bottom: 20px;
}
}
@media (max-width: 767px) {
.why-item .why-item__inner {
border: 2px solid rgba(255, 255, 255, 0.8);
padding: 20px;
padding-bottom: 30px;
}
}
.why-item .why-item__inner ul {
margin: 0;
padding-left: 20px;
line-height: 143%;
}
.why-item .why-item__inner p {
margin: 0;
line-height: 143%;
} .security {
margin-top: -80px;
margin-bottom: 100px;
}
@media (max-width: 1199px) {
.security {
margin-top: 0;
margin-bottom: 100px;
}
}
.security__inner {
padding: 40px 48px;
border: #000 solid 2px;
width: 100%;
background: #2b2e33 url(https://bewine.show/wp-content/themes/iland/build/images/ticket-black-bg.png) 100% 0 repeat;
color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 574px) {
.security__inner {
padding: 30px 20px;
}
}
.security__title {
font-size: 52px;
line-height: 55px;
text-align: left;
margin: 0;
font-family: "TT Firs", system, sans-serif;
color: rgba(255, 255, 255, 1);
}
@media (max-width: 574px) {
.security__title {
margin-bottom: 25px;
font-size: 32px;
line-height: 38px;
}
}
.security p,
.security a {
font-size: 19px;
font-weight: 500;
line-height: 150%;
color: rgba(255, 255, 255, 0.9);
transition: ease 0.3s;
}
.security a:hover {
color: rgba(255, 255, 255, 1);
}
@media (max-width: 574px) {
.security p,
.security a {
font-size: 15px;
font-weight: 500;
line-height: 130%;
}
}
.security ul {
list-style: none;
color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 574px) {
.security ul {
padding-left: 30px;
}
}
.security li {
position: relative;
margin-bottom: 5px;
list-style: none;
font-size: 19px;
font-weight: 500;
line-height: 150%;
color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 574px) {
.security li {
position: relative;
margin-bottom: 5px;
list-style: none;
font-size: 15px;
font-weight: 500;
line-height: 130%;
}
}
.security li:before {
background: url(https://bewine.show/wp-content/themes/iland/build/images/bullet.svg);
content: '';
display: block;
position: absolute;
height: 20px;
left: -36px;
top: 6px;
width: 20px;
}
@media (max-width: 574px) {
.security li:before {
left: -30px;
top: 1px;
}
} .certificate {
position: relative;
margin-top: 80px;
margin-bottom: -50px;
overflow: hidden;
}
.certificate svg {
position: absolute;
top: -177px;
left: -175px;
transform: rotate(22deg);
margin-top: 80px;
width: 729px;
height: auto;
opacity: 0.1;
pointer-events: none;
}
.certificate svg + svg {
top: 187px;
left: 463px;
transform: rotate(50deg);
}
.certificate__inner {
padding: 40px 48px;
padding-bottom: 60px;
border: #000 solid 2px;
width: 100%;
background: #2b2e33 url(https://bewine.show/wp-content/themes/iland/build/images/ticket-black-bg.png) 100% 0 repeat;
color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 574px) {
.certificate__inner {
padding: 30px 20px;
padding-bottom: 30px;
}
}
.certificate__pic {
width: 130px;
margin: 0 auto;
}
.certificate__top-text {
margin-top: 30px;
margin-bottom: 50px;
}
.certificate__top-text p {
font-size: 38px;
line-height: 36px;
text-align: center;
max-width: 660px;
margin: 0 auto;
margin-bottom: 50px;
}
.certificate__top-text p + p {
max-width: 510px;
font-size: 16px;
line-height: 22px;
margin-bottom: 0;
}
.certificate__top-text p > span {
display: block;
padding-top: 8px;
padding-bottom: 8px;
font-size: 36px;
color: #ff5348;
}
@media (max-width: 574px) {
.certificate__top-text p > span {
padding-top: 0;
padding-bottom: 0;
font-size: 28px;
}
}
@media (max-width: 390px) {
.certificate__top-text p > span {
padding-top: 0;
padding-bottom: 0;
font-size: 24px;
line-height: 29px;
}
}
@media (max-width: 574px) {
.certificate__top-text p {
margin-bottom: 27px;
font-size: 28px;
}
}
@media (max-width: 390px) {
.certificate__top-text p {
font-size: 24px;
line-height: 29px;
}
}
.certificate__top-text p b span {
max-width: 510px;
font-size: 16px;
line-height: 22px;
margin-bottom: 0;
color: #ff5348;
padding-left: 5px;
}
@media (max-width: 430px) {
.certificate__top-text p b span {
display: block;
}
}
.certificate__top-text p b {
display: block;
margin-top: 10px;
font-size: 16px;
line-height: 22px;
font-weight: 500;
margin-bottom: 0;
}
.certificate .btn-primary {
position: relative;
z-index: 1;
display: block;
width: 300px;
margin: 0 auto;
}
@media (max-width: 390px) {
.certificate .btn-primary {
width: 245px;
padding: 18px 13px;
}
}
.wpcf7-spinner {
position: absolute;
top: 20px;
}
.speaker-full .speaker-photo {
width: 144px;
height: 164px;
}
@media (max-width: 1199px) {
.speaker-full .speaker-photo {
width: 100%;
max-width: 195px;
height: auto;
}
}
.speaker-full .speaker-photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.section.intro .container {
position: relative;
}
@media  (max-width: 1199px) {
.section.intro .intro-date {
width: 140px;
height: 140px;
right: 100px;
}
}
@media  (max-width: 500px) {
.section.intro .intro-date {
width: 120px;
height: 120px;
right: 57px;
z-index: -1;
}
.section.intro .intro-date span b{
font-size: 20px !important;
line-height: 24px !important;
}
}
.section.intro .container > img {
position: absolute;
bottom: -127px;
display: block !important;
left: 59%;
transform: translateY(-50%);
width: 139px !important;
height: auto;
}
@media (max-width: 1395px) {
.section.intro .container > img {
left: 45%;
}
}
@media (max-width: 1199px) {
.section.intro .container > img {
bottom: 129px;
left: 32%;
}
}
@media (max-width: 991px) {
.section.intro .container > img {
left: 295px;
}
}
@media (max-width: 655px) {
.section.intro {
margin-bottom: 246px;
}
.section.intro .container > img {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -200px;
}
} .stages-inner .stage.active {
box-shadow: inset  1px 1px 0 #fff, inset  -1px -1px 0 #fff;
box-sizing: border-box;
}
.stages-inner .stage[data-id="1196"],
.stages-inner .stage[data-id="1210"]{
background: #8060D9 !important;
}
.stages-inner .stage[data-id="1212"],
.stages-inner .stage[data-id="1198"]{
background: #00A99D !important;
}
.stages-inner .stage[data-id="1214"],
.stages-inner .stage[data-id="1200"]{
background: #0071BC !important;
}
.stages-inner .stage[data-id="1206"],
.stages-inner .stage[data-id="191"]{
background: #6A266B !important;
}
.stages-inner .stage[data-id="1208"],
.stages-inner .stage[data-id="192"]{
background: #F15A24 !important;
}
.stages-inner .stage[data-id="1204"],
.stages-inner .stage[data-id="193"]{
background: #FBB03B !important;
} .last-events {
position: relative;
width: 150px;
z-index: 1;
}
@media (max-width: 1199px) {
.last-events {
width: 178px;
}
}
.last-events .btn-primary {
width: 100%;
font-size: 16px;
font-weight: 500;
}
.last-events .btn-primary:hover,
.last-events .btn-primary:active {
background: #d62e23;
border-color: #d62e23;
text-decoration: underline;
}
.last-events ul {
margin: 0;
padding: 0;
list-style: none;
padding-bottom: 15px;
}
.last-events ul li {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.last-events ul li a {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 100%;
color: #fff;
text-decoration: none;
padding-bottom: 5px;
font-size: 16px !important;
}
.last-events ul li a:hover {
text-decoration: underline;
}
.last-events > div {
display: none;
position: absolute;
top: calc(100% - 23px);
z-index: -1;
width: 100%;
padding-top: 20px;
background-color: #d62e23;
border-radius: 0 0 20px 20px;
}
.last-events:hover div {
display: block;
background: #d62e23;
border-color: #d62e23;
}