/*
* DESTINY - WEDDING HTML TEMPLATE
* Copyright 2016
* www.mutationmedia.net
* Created by : mutationthemes
*
*/
/* Table of Content
==================================================
1.Preloader
2.Site wrapper
3.Hero section
4.About section
5.Speakers section
6.Topics section
7.Schedule section
8.Countdown section
9.Tickets section
10.Registry section
11.Sponsors section
12.Contact section
13.Accommodation section
14.FAQ section
15.Gallery section
16.Fat footer section
17.Mediaqueries
/*Preloader*/
.loader {
background: #111111;
bottom: 0;
height: 100%;
left: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 9999;
}
.loader-inner {
left: 0;
position: absolute;
top: 50%;
width: 100%;
text-align: center;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.loading-spinner {
width: 100px;
height: 100px;
animation: spinner-rotate 2s ease-in-out infinite;
-webkit-animation: spinner-rotate 2s ease-in-out infinite;
-moz-animation: spinner-rotate 2s ease-in-out infinite;
-ms-animation: spinner-rotate 2s ease-in-out infinite;
-o-animation: spinner-rotate 2s ease-in-out infinite;
}
.spinner {
animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite;
-webkit-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite;
-moz-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite;
-ms-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite;
-o-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes spinner-rotate {
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: trotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
}
@keyframes spinner-color {
0%, 100% {
stroke: #399bff;
}
20% {
stroke: #ee71f9;
}
40% {
stroke: #399bff;
}
60% {
stroke: #ee71f9;
}
80% {
stroke: #399bff;
}
100% {
stroke: #ee71f9;
}
}
@keyframes spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 90, 200;
stroke-dashoffset: -125px;
}
}
/*End preloader*/
/*Site wrapper*/
.wrapper {
position: relative;
background: #000000;
}
.wrapper,
.header {
margin: 0 auto;
max-width: 1600px;
}
/*End site wrapper*/
/* Hero Section*/
section.hero {
background: #353031;
padding: 0;
position: relative;
overflow: hidden;
}
section.single-hero {
min-height: 400px;
}
.background-img img {
display: none;
}
.background-img {
width: 100%;
height: 100%;
}
.background-img {
background-attachment: scroll;
background-clip: border-box;
background-color: #353031;
background-image: none;
background-origin: padding-box;
background-position: 50% 50% !important;
background-repeat: repeat;
background-size: cover !important;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.overlay:before {
position: absolute;
background: rgba(0, 0, 0, .5);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */
background: -moz-linear-gradient(top, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0.5) 32%, rgba(0, 0, 0, 1) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0.5) 32%, rgba(0, 0, 0, 1) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0.5) 32%, rgba(0, 0, 0, 1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0);
/* IE6-9 */
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 3;
content: "";
}
.overlay.soft:before {
position: absolute;
background: rgba(0, 0, 0, .5);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 1) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 1) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0);
/* IE6-9 */
}
section.hero .inner-hero {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
height: 100%;
z-index: 10;
}
.header {
padding: 5px 0;
background-color: rgba(0, 0, 0, 0.8);
left: 0;
right: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}
.main-slider .slides li {
height: 900px;
}
.header .logo {
font-size: 25px;
font-weight: 700;
letter-spacing: -2px;
position: relative;
}
.header .logo h2 {
padding: 5px 0;
text-transform: none;
}
.mobile-but {
display: inline-block;
height: 24px;
position: absolute;
right: 15px;
top: -30px;
z-index: 1000;
display: none;
}
.mobile-but .lines {
transform: translate(0px, 10px) rotate(0deg);
-webkit-transform: translate(0px, 10px) rotate(0deg);
-ms-transform: translate(0px, 10px) rotate(0deg);
-moz-transform: translate(0px, 10px) rotate(0deg);
}
.mobile-but .lines,
.mobile-but .lines:after,
.mobile-but .lines:before {
height: 1px;
width: 22px;
}
.mobile-but .lines:after,
.mobile-but .lines:before {
content: " ";
display: block;
}
.mobile-but .lines:after {
transform: translate(0px, 4px) rotate(0deg);
-webkit-transform: translate(0px, 4px) rotate(0deg);
-ms-transform: translate(0px, 4px) rotate(0deg);
-moz-transform: translate(0px, 4px) rotate(0deg);
}
.mobile-but .lines:before {
transform: translate(0px, -4px) rotate(0deg);
-webkit-transform: translate(0px, -4px) rotate(0deg);
-ms-transform: translate(0px, -4px) rotate(0deg);
-moz-transform: translate(0px, -4px) rotate(0deg);
}
.mobile-but .lines:after,
.mobile-but .lines:before {
background: #ffffff;
}
.toggle-mobile-but.active .mobile-but .lines:after {
transform: translate(0px, 0px) rotate(45deg);
-webkit-transform: translate(0px, 0px) rotate(45deg);
-ms-transform: translate(0px, 0px) rotate(45deg);
-moz-transform: translate(0px, 0px) rotate(45deg);
}
.toggle-mobile-but.active .mobile-but .lines:before {
transform: translate(0px, 1px) rotate(-45deg);
-webkit-transform: translate(0px, 1px) rotate(-45deg);
-ms-transform: translate(0px, 1px) rotate(-45deg);
-moz-transform: translate(0px, 1px) rotate(-45deg);
}
.main-nav li {
display: inline-block;
font-size: 13px;
font-weight: 400;
margin-left: 35px;
}
.main-nav li a {
color: #ffffff;
display: block;
padding: 12px 0;
position: relative;
}
.hero-content {
position: relative;
text-align: center;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.hero-heading {
display: inline-flex;
align-items: center;
gap: 22px;
text-align: left;
}
.hero-heading__logo {
display: inline-block;
max-width: 102px;
width: 102px;
flex: 0 0 102px;
height: auto;
margin: 0;
}
.hero-heading__text {
display: block;
}
.hero-heading__line {
display: inline;
}
.hero-heading__line--second {
margin-left: .25em;
}
h1.large {
color: #ffffff;
font-size: 40px;
font-weight: 700;
text-transform: none;
}
.hero-content h3 {
font-style: italic;
font-size: 28px;
color: #ffffff;
text-transform: none;
font-weight: 300;
}
.hero-content p {
font-size: 15px;
font-weight: 500;
margin-bottom: 40px;
color: #ffffff;
}
.title {
text-transform: none;
}
.hero-countdown-wrap {
margin: -10px auto 32px;
max-width: 760px;
}
.hero-countdown-label {
margin-bottom: 10px;
color: rgba(255, 255, 255, .85);
font-size: 14px;
font-weight: 600;
letter-spacing: .14em;
text-transform: uppercase;
}
.hero-countdown {
display: inline-block;
font-size: 34px;
font-weight: 500;
line-height: 1.15;
text-shadow: 0 12px 30px rgba(0, 0, 0, .24);
}
.hero-video-preview {
width: 100%;
max-width: 820px;
margin: 32px auto 0;
overflow: hidden;
border-radius: 22px;
background: rgba(8, 18, 38, .72);
border: 1px solid rgba(255, 255, 255, .12);
box-shadow: 0 24px 64px rgba(0, 0, 0, .34);
}
.hero-video-preview video {
display: block;
width: 100%;
height: auto;
background: rgba(8, 18, 38, .72);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
@media only screen and (max-width: 767px) {
.hero-content {
text-align: center !important;
}
.main-slider .slides li {
height: auto;
min-height: 860px;
}
.hero-content {
top: auto;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
padding-top: 120px;
padding-bottom: 60px;
}
.hero-heading {
display: inline-flex;
flex-direction: column;
align-items: center;
gap: 14px;
width: auto;
max-width: 100%;
text-align: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
}
.hero-heading__logo {
display: block;
width: 79px;
max-width: 79px;
flex: 0 0 auto;
margin: 0;
}
.hero-heading__text {
display: inline-block;
max-width: none;
width: auto;
margin-left: auto;
margin-right: auto;
text-align: center !important;
}
.hero-heading__line {
display: block;
width: auto;
}
.hero-heading__line--second {
margin-left: 0;
}
.hero-heading h1,
.hero-heading h3 {
width: auto;
}
h1.large {
font-size: 38px;
line-height: 1.14;
text-align: center !important;
margin-left: auto;
margin-right: auto;
}
.hero-content h3 {
font-size: 29px;
line-height: 1.18;
margin-bottom: 8px;
white-space: normal;
text-align: center !important;
margin-left: auto;
margin-right: auto;
}
.hero-heading__text,
.hero-heading__text * {
text-align: center !important;
}
.hero-countdown-wrap {
margin: 0 auto 24px;
}
.hero-countdown-label {
font-size: 12px;
letter-spacing: .1em;
}
.hero-countdown {
font-size: 24px;
}
.hero-video-preview {
margin-top: 24px;
border-radius: 18px;
max-width: 100%;
}
.hero-video-preview video {
width: 100%;
height: auto;
object-fit: contain;
}
}
/* End hero section*/
/* About section*/
.block-info-1 {
position: relative;
}
.block-info-1 svg {
color: #399bff;
font-size: 25px;
position: absolute;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
left: 0;
top: 50%;
}
.block-info-1 p {
margin-left: 60px;
}
/* End about section*/
/* Speakers section*/
.block-img {
height: 350px;
position: relative;
}
.block-speaker {
height: 100%;
background: #ffffff;
}
.block-speaker .block-img {
min-height: 620px;
overflow: hidden;
background: #0e1827;
}
.block-speaker .block-img:after {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(3, 3, 3, 0) 3%, rgba(68, 68, 68, 0.4) 70%, rgba(68, 68, 68, 1) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(3, 3, 3, 0) 3%, rgba(68, 68, 68, 0.4) 70%, rgba(68, 68, 68, 1) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(3, 3, 3, 0) 3%, rgba(68, 68, 68, 0.4) 70%, rgba(68, 68, 68, 1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0);
/* IE6-9 */
bottom: 0;
content: "";
right: 0;
position: absolute;
top: 0;
width: 1px;
z-index: 4;
}
.block-content .col-sm-3:last-child .block-img:after {
content: none;
}
.block-speaker .block-img .background-img {
filter: grayscale(1);
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-ms-filter: grayscale(1);
-o-filter: grayscale(1);
}
.block-speaker .block-img:hover .background-img {
filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
}
.block-info-2 {
bottom: 24px;
left: 24px;
right: 24px;
position: absolute;
z-index: 3;
}
.block-info-2 p {
margin-bottom: 14px;
}
.speaker-profile {
max-width: 100%;
padding: 14px 16px;
background: rgba(8, 18, 34, .58);
border: 1px solid rgba(255, 255, 255, .16);
border-radius: 16px;
color: rgba(255, 255, 255, .86);
font-size: 12px;
line-height: 1.55;
opacity: 1;
-webkit-transform: none;
transform: none;
-webkit-transition: background .3s ease, border-color .3s ease;
transition: background .3s ease, border-color .3s ease;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
}
.speaker-profile span {
display: block;
}
.speaker-profile span + span {
margin-top: 7px;
}
.speaker-profile b {
color: #ffffff;
font-weight: 700;
}
.block-speaker .block-img:hover .speaker-profile {
background: rgba(8, 18, 34, .72);
border-color: rgba(255, 255, 255, .24);
}
.block-social li {
display: inline-block;
font-size: 18px;
margin-left: -3px;
margin-right: 6px;
}
.block-social a {
color: #ffffff;
opacity: .3;
display: inline-block;
}
.block-social a:hover {
opacity: 1;
}
/* End speakers section*/
/* Topics section*/
.block-video iframe {
height: 300px;
width: 100%;
display: block;
}
ul.block-topic li {
line-height: 30px;
font-size: 15px;
font-weight: 700;
color: #ffffff;
}
.vertical-align {
align-items: center;
-webkit-align-items: center;
display: flex;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
flex-direction: row;
-webkit-flex-direction: row;
}
/* End topics section*/
/* Schedule section*/
.block-tabs,
.block-tab {
border: 1px solid #444444;
}
.block-tabs li {
border-bottom: 1px solid #444444;
line-height: 60px;
padding-left: 25px;
cursor: pointer;
position: relative;
}
.block-tabs li strong,
.block-date strong {
font-size: 17px;
}
.block-tabs li i,
.block-tab li i {
font-size: 20px;
vertical-align: middle;
margin-right: 25px;
}
.block-tabs li:last-child {
border-bottom: 0;
}
.block-tabs li.active {
background: #444444;
border-bottom: 0;
}
.block-tabs li:first-child.active {
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-ms-border-radius: 5px 5px 0 0;
-o-border-radius: : 5px 5px 0 0;
}
.block-tabs li:last-child.active {
border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-o-border-radius: : 0 0 5px 5px;
}
.block-tabs li.active:before {
border-bottom: 6px solid #444444;
border-left: 6px solid rgba(0, 0, 0, 0);
border-right: 6px solid rgba(0, 0, 0, 0);
content: "";
height: 0;
right: -10px;
position: absolute;
top: 50%;
transform: rotate(90deg) translateX(-50%);
-webkit-transform: rotate(90deg) translateX(-50%);
-moz-transform: rotate(90deg) translateX(-50%);
-ms-transform: rotate(90deg) translateX(-50%);
-o-transform: rotate(90deg) translateX(-50%);
width: 0;
}
.block-tab li {
display: none;
}
.block-tab li.active {
display: block;
}
.block-tab li .block-date {
background: #444444;
line-height: 60px;
padding-left: 25px;
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-ms-border-radius: 5px 5px 0 0;
-o-border-radius: : 5px 5px 0 0;
}
.block-tab .block-detail {
border-bottom: 1px solid #444444;
padding: 25px;
cursor: pointer;
overflow: hidden;
}
.block-tab .block-detail:hover {
background: #121212;
}
.block-tab .block-detail span {
display: block;
font-size: 15px;
}
.block-tab .block-detail .time {
color: #ffffff;
margin-bottom: 4px;
font-weight: 500;
}
.block-tab .block-detail .speaker {
margin-top: 20px;
font-size: 14px;
color: #ffffff;
}
.block-tab .block-detail .speaker strong {
font-weight: 500;
}
.block-tab .block-detail .block-text {
opacity: 0;
max-height: 0;
}
.block-tab .block-detail:hover .block-text {
padding-top: 20px;
max-height: 300px;
opacity: 1;
}
.block-tab .block-detail.is-open .block-text {
padding-top: 20px;
max-height: 300px;
opacity: 1;
}
.block-tab .block-detail.has-details {
position: relative;
}
.block-tab .block-detail.has-details .topic {
padding-right: 24px;
}
.block-tab .block-detail.has-details:after {
content: "+";
position: absolute;
right: 25px;
top: 25px;
font-size: 20px;
line-height: 1;
color: #ffffff;
opacity: .8;
transition: transform .25s ease, opacity .25s ease;
}
.block-tab .block-detail.has-details.is-open:after {
transform: rotate(45deg);
opacity: 1;
}
.block-tab li .block-detail:last-child {
border-bottom: 0;
border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-o-border-radius: : 0 0 5px 5px;
}
/* End Schedule section*/
/* Gala dinner section*/
.showcase-artists {
position: relative;
overflow: hidden;
width: 100%;
padding: 110px 24px 100px;
background:
radial-gradient(circle at 20% 20%, rgba(255,176,71,.09), transparent 25%),
radial-gradient(circle at 85% 70%, rgba(255,209,125,.08), transparent 25%),
linear-gradient(135deg, #050505 0%, #101010 55%, #050505 100%);
color: #ffffff;
}
.showcase-artists:before {
content: "";
position: absolute;
inset: 0;
background: repeating-linear-gradient(-25deg, transparent 0, transparent 72px, rgba(255,255,255,.025) 73px, transparent 74px);
pointer-events: none;
}
.showcase-artists__noise {
position: absolute;
inset: 0;
opacity: .12;
background-image: radial-gradient(rgba(255,255,255,.25) .5px, transparent .5px);
background-size: 7px 7px;
pointer-events: none;
}
.showcase-artists__orb {
position: absolute;
width: 520px;
height: 520px;
border-radius: 50%;
filter: blur(130px);
pointer-events: none;
}
.showcase-artists__orb--left {
left: -300px;
top: 200px;
background: rgba(221,157,57,.16);
}
.showcase-artists__orb--right {
right: -280px;
bottom: 0;
background: rgba(255,203,104,.12);
}
.showcase-artists__inner {
position: relative;
z-index: 3;
width: min(1450px, 100%);
margin: 0 auto;
}
.showcase-artists__top {
margin-bottom: 70px;
}
.showcase-artists__label {
display: inline-flex;
align-items: center;
padding: 10px 16px;
border: 1px solid rgba(223,174,91,.35);
border-radius: 999px;
background: rgba(255,255,255,.035);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
color: #d9aa5a;
font-size: 11px;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
}
.showcase-artists__title {
margin: 28px 0 0;
font-size: clamp(70px, 10vw, 155px);
line-height: .82;
letter-spacing: -7px;
text-transform: uppercase;
}
.showcase-artists__title span {
display: block;
color: rgba(255,255,255,.2);
font-weight: 700;
}
.showcase-artists__title strong {
display: block;
color: #ffffff;
font-weight: 900;
text-shadow: 0 0 35px rgba(255,194,96,.07);
}
.showcase-artists__lead {
margin: 34px 0 0;
max-width: 620px;
color: rgba(255,255,255,.55);
font-size: 17px;
line-height: 1.7;
letter-spacing: 1.2px;
}
.showcase-artists__grid {
display: grid;
grid-template-columns: repeat(5, minmax(0,1fr));
gap: 18px;
}
.showcase-card:nth-child(2),
.showcase-card:nth-child(4) {
transform: translateY(45px);
}
.showcase-card {
position: relative;
overflow: hidden;
min-width: 0;
border: 1px solid rgba(255,255,255,.09);
border-radius: 26px;
background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 30px 80px rgba(0,0,0,.25);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
transition: transform .5s cubic-bezier(.16,.84,.44,1), border-color .4s ease, box-shadow .4s ease;
}
.showcase-card:hover {
transform: translateY(-18px) scale(1.015);
border-color: rgba(228,181,94,.55);
box-shadow: 0 40px 100px rgba(0,0,0,.48), 0 0 0 1px rgba(228,181,94,.12);
}
.showcase-card:nth-child(2):hover,
.showcase-card:nth-child(4):hover {
transform: translateY(27px) scale(1.015);
}
.showcase-card__visual {
position: relative;
padding: 12px;
}
.showcase-card__photo,
.showcase-card__placeholder {
position: relative;
aspect-ratio: 3 / 4;
overflow: hidden;
border-radius: 18px;
}
.showcase-card__photo img,
.showcase-card__photo picture {
display: block;
width: 100%;
height: 100%;
}
.showcase-card__photo img {
object-fit: cover;
object-position: center top;
}
.showcase-card__photo:after,
.showcase-card__placeholder:after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 52%, rgba(0,0,0,.1) 60%, rgba(0,0,0,.82) 100%);
}
.showcase-card__placeholder {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background:
radial-gradient(circle at 50% 35%, rgba(214,160,69,.20), transparent 25%),
linear-gradient(150deg, #252525, #0b0b0b 65%);
transition: transform .6s ease;
}
.showcase-card:hover .showcase-card__placeholder,
.showcase-card:hover .showcase-card__photo {
transform: scale(1.025);
}
.showcase-card__placeholder:before {
content: "";
position: absolute;
width: 300px;
height: 300px;
border-radius: 50%;
border: 1px solid rgba(255,204,112,.14);
box-shadow: 0 0 70px rgba(218,163,67,.06);
}
.showcase-card__placeholder-icon {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 86px;
height: 86px;
margin-bottom: 18px;
border-radius: 50%;
border: 1px solid rgba(226,179,93,.35);
background: rgba(255,255,255,.025);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.showcase-card__placeholder-icon svg {
width: 32px;
height: 32px;
fill: rgba(226,179,93,.68);
}
.showcase-card__placeholder span {
position: relative;
z-index: 2;
color: rgba(255,255,255,.28);
font-size: 10px;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
}
.showcase-card__shine {
position: absolute;
top: -30%;
left: -80%;
width: 60%;
height: 160%;
transform: rotate(18deg);
background: linear-gradient(90deg, transparent, rgba(255,220,160,.11), transparent);
transition: left .85s ease;
}
.showcase-card:hover .showcase-card__shine {
left: 130%;
}
.showcase-card__meta {
display: flex;
align-items: flex-end;
gap: 18px;
padding: 10px 22px 26px;
}
.showcase-card__index {
color: #d5a756;
font-family: Georgia, serif;
font-size: 35px;
font-style: italic;
line-height: 1;
}
.showcase-card__caption {
display: block;
margin-bottom: 7px;
color: rgba(255,255,255,.32);
font-size: 9px;
font-weight: 700;
letter-spacing: 2.5px;
text-transform: uppercase;
}
.showcase-card h3 {
margin: 0;
color: #ffffff;
font-size: clamp(20px, 2vw, 28px);
font-weight: 700;
line-height: 1.05;
letter-spacing: -.6px;
text-transform: uppercase;
}
@media (max-width: 1350px) {
.showcase-artists__grid {
grid-template-columns: repeat(3, minmax(0,1fr));
}
.showcase-card:nth-child(2),
.showcase-card:nth-child(4) {
transform: none;
}
.showcase-card:nth-child(2):hover,
.showcase-card:nth-child(4):hover {
transform: translateY(-18px) scale(1.015);
}
}
@media (max-width: 1050px) {
.showcase-artists__grid {
grid-template-columns: repeat(2, minmax(0,1fr));
gap: 18px;
}
}
@media (max-width: 620px) {
.showcase-artists {
padding: 70px 14px 65px;
}
.showcase-artists__top {
margin-bottom: 40px;
}
.showcase-artists__label {
font-size: 9px;
letter-spacing: 2px;
}
.showcase-artists__title {
margin-top: 22px;
font-size: 64px;
line-height: .85;
letter-spacing: -4px;
}
.showcase-artists__lead {
font-size: 14px;
}
.showcase-artists__grid {
grid-template-columns: 1fr;
}
.showcase-card__placeholder,
.showcase-card__photo {
aspect-ratio: 4 / 4.7;
}
}
/* End gala dinner section*/
/* Dress code section*/
.dress-toggle {
display: inline-flex;
align-items: center;
gap: 10px;
margin-bottom: 35px;
padding: 6px;
background: rgba(255, 255, 255, .04);
border: 1px solid #444444;
border-radius: 999px;
}
.dress-toggle__button {
min-width: 138px;
height: 44px;
border: none;
border-radius: 999px;
background: transparent;
color: #cccccc;
font-size: 14px;
font-weight: 600;
letter-spacing: .03em;
text-transform: uppercase;
transition: background .25s ease, color .25s ease, transform .25s ease;
}
.dress-toggle__button.is-active {
background: rgb(54, 111, 192);
color: #ffffff;
}
.dress-toggle__button:hover {
background: rgb(54, 111, 192);
color: #ffffff;
}
.dress-panel {
display: none;
width: 100%;
}
.dress-panel.is-active {
display: flex;
flex-wrap: wrap;
}
.dress-card {
min-height: 100%;
height: 100%;
padding: 28px 26px;
border: 1px solid #444444;
border-radius: 18px;
background: rgba(255, 255, 255, .03);
}
.dress-card__media {
position: relative;
overflow: hidden;
border-radius: 12px;
margin-bottom: 18px;
background: rgba(0, 0, 0, .18);
}
.dress-card__media--seamless {
min-height: 300px;
}
.dress-card__video {
display: block;
position: relative;
width: 100%;
height: 100%;
min-height: 300px;
object-fit: contain;
object-position: center center;
background: rgba(0, 0, 0, .18);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
.dress-card__video {
border-radius: 12px;
}
.dress-card__media--seamless .dress-card__video {
position: absolute;
inset: 0;
min-height: 0;
opacity: 0;
transition: opacity .18s linear;
}
.dress-card__media--seamless .dress-card__video.is-active {
opacity: 1;
}
.dress-card__fallback {
display: none;
width: 100%;
min-height: 300px;
object-fit: contain;
object-position: center center;
background: rgba(0, 0, 0, .18);
border-radius: 12px;
}
.dress-card__media.is-fallback .dress-card__video {
display: none;
}
.dress-card__media.is-fallback .dress-card__fallback {
display: block;
}
.dress-card h4 {
margin-bottom: 16px;
font-size: 20px;
text-transform: none;
}
.dress-card p {
margin-bottom: 0;
}
/* End dress code section*/
/* Countdown section*/
.countdown {
font-size: 45px;
font-weight: 300;
}
/* End Countdown section*/
/* Tickets section*/
.review-slider li blockquote {
color: #ffffff;
font-size: 20px;
font-style: italic;
font-weight: 300;
line-height: 35px;
overflow: hidden;
}
.tickets .col-sm-6 {
padding-left: 0;
padding-right: 0;
}
.block-ticket {
background: #121212;
opacity: 0.3;
text-align: center;
cursor: pointer;
position: relative;
transform: scale(.8);
-webkit-transform: scale(.8);
-ms-transform: scale(.8);
-moz-transform: scale(.8);
-o-transform: scale(.8);
padding: 80px 0;
}
.block-tickets.overlap {
position: relative;
left: 150px;
}
.block-ticket li {
display: block;
margin-bottom: 10px;
color: #999999;
}
.block-ticket:hover,
.block-ticket.active {
transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
z-index: 40;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
opacity: 1;
}
.block-ticket .block-price .price {
color: #cccccc;
font-size: 95px;
font-weight: 700;
position: relative;
margin-bottom: 20px;
}
.block-ticket .block-price .cur {
display: block;
font-size: 20px;
font-weight: 500;
left: -18px;
position: absolute;
top: 20px
}
.block-ticket .block-price .block-type {
display: block;
font-size: 14px;
font-weight: 400;
position: relative;
top: -12px;
color: #999999;
}
/* End tickets section*/
/* Registry section*/
.registry-form {
background: rgba(0, 0, 0, .4);
padding: 50px 45px;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, .08);
box-shadow: 0 26px 70px rgba(0, 0, 0, .24);
transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}
.registry-form:hover {
border-color: rgba(237, 113, 249, .24);
box-shadow: 0 30px 80px rgba(0, 0, 0, .34);
}
.registry-form div {
padding: 0;
}
.registry-form .col-sm-6,
.registry-form .col-sm-12 {
padding-left: 8px;
padding-right: 8px;
}
.registry-form .field-label {
display: block;
margin: 0 0 8px;
color: #ffffff;
font-size: 13px;
line-height: 1.3;
font-weight: 500;
min-height: 34px;
}
.registry-form .required-star {
color: #ff6b81;
}
.registry-form .autofill-trap {
position: absolute !important;
left: -9999px !important;
top: 0 !important;
width: 1px !important;
height: 1px !important;
opacity: 0 !important;
pointer-events: none !important;
}
.registry-form .conditional-field.is-hidden {
display: none;
}
.registry-form__status {
min-height: 20px;
color: #7dffb2;
font-size: 13px;
margin-top: 4px;
}
.registry-form__status.is-error {
color: #ff6b81;
}
.registration-capacity {
display: flex;
align-items: center;
gap: 10px;
margin: 0 8px 22px;
padding: 0;
border: 0;
border-radius: 0;
background: none;
}
.registration-capacity__item {
display: flex;
align-items: baseline;
gap: 10px;
padding: 0;
}
.registration-capacity__label {
display: inline-block;
margin-bottom: 0;
color: rgba(255, 255, 255, .68);
font-size: 12px;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
}
.registration-capacity__value {
display: inline-block;
color: #ffffff;
font-size: 30px;
font-weight: 800;
line-height: 1;
animation: capacityGlow 2.8s ease-in-out infinite;
}
.registration-capacity__note {
display: none;
}
.registration-capacity.is-full .registration-capacity__value,
.registration-capacity.is-full .registration-capacity__note {
color: #ff8fa0;
}
.form p {
font-size: 12px;
margin-top: 15px;
}
.input-columns .column-1,
.input-columns .column-2 {
float: left;
width: 50%;
position: relative;
}
.input-columns .column-1 .column-inner {
margin-right: 10px;
}
.input-columns .column-2 .column-inner {
margin-left: 10px;
}
.registry-form input[type="text"],
.registry-form input[type="email"],
.registry-form input[type="tel"],
.registry-form .block-select {
background: rgba(255, 255, 255, .08);
border: 1px solid rgba(255, 255, 255, 0);
margin-bottom: 18px;
outline: 0 none;
overflow: hidden;
padding: 0 25px;
resize: none;
width: 100%;
max-width: 100%;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: : 25px;
color: #ffffff;
height: 45px;
display: block;
box-sizing: border-box;
transition: background .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.registry-form select {
background: none;
border: none;
cursor: pointer;
margin-top: 0;
width: 100%;
height: 45px;
color: #ffffff;
padding: 0 25px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
outline: none;
box-shadow: none;
transition: color .25s ease;
}
.registry-form input[type="text"]:focus,
.registry-form input[type="text"]:hover,
.registry-form input[type="email"]:focus,
.registry-form input[type="email"]:hover,
.registry-form input[type="tel"]:focus,
.registry-form input[type="tel"]:hover,
.registry-form .block-select:focus,
.registry-form .block-select:hover {
background: rgba(255, 255, 255, .09);
}
.registry-form input[type="text"]:focus,
.registry-form input[type="email"]:focus,
.registry-form input[type="tel"]:focus,
.registry-form .block-select:focus-within {
border-color: #ed71f9;
box-shadow: 0 0 0 2px rgba(237, 113, 249, .32);
background: rgba(255, 255, 255, .11);
transform: translateY(-1px);
}
.registry-form input[type="text"]::-webkit-input-placeholder,
.registry-form input[type="email"]::-webkit-input-placeholder,
.registry-form input[type="tel"]::-webkit-input-placeholder {
color: rgba(255, 255, 255, .78);
}
.registry-form input:-webkit-autofill,
.registry-form input:-webkit-autofill:hover,
.registry-form input:-webkit-autofill:focus,
.registry-form select:-webkit-autofill {
-webkit-text-fill-color: #ffffff;
-webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, .08) inset;
transition: background-color 9999s ease-out 0s;
}
.registry-form input[type="text"]::-moz-placeholder,
.registry-form input[type="email"]::-moz-placeholder,
.registry-form input[type="tel"]::-moz-placeholder {
color: rgba(255, 255, 255, .78);
opacity: 1;
}
.registry-form input[type="text"]:-ms-input-placeholder,
.registry-form input[type="email"]:-ms-input-placeholder,
.registry-form input[type="tel"]:-ms-input-placeholder {
color: rgba(255, 255, 255, .78);
}
.registry-form select option {
color: #111111;
}
.registry-form .submit {
width: 100%;
margin-top: 8px;
transition: transform .25s ease, box-shadow .25s ease, opacity .25s ease, filter .25s ease;
}
.registry-form .submit.is-loading {
cursor: wait;
opacity: .92;
filter: brightness(1.04);
box-shadow: 0 12px 28px rgba(57, 155, 255, .18);
animation: registrationSubmitLoading 1.1s ease-in-out infinite;
}
.registry-form input.error,
.registry-form .block-select.is-error {
border-color: rgba(255, 90, 111, .95);
box-shadow: 0 0 0 1px rgba(255, 90, 111, .3);
}
.registry-form select.error,
.registry-form select:invalid {
border: none !important;
outline: none !important;
box-shadow: none !important;
}
.registry-form .block-select.is-error select {
color: #ffffff;
}
.form .submit {
cursor: pointer;
height: 45px;
color: #ffffff;
border: none;
}
@keyframes registrationSubmitLoading {
0% {
transform: translateY(0);
box-shadow: 0 10px 24px rgba(57, 155, 255, .12);
}
50% {
transform: translateY(-1px);
box-shadow: 0 16px 30px rgba(238, 113, 249, .2);
}
100% {
transform: translateY(0);
box-shadow: 0 10px 24px rgba(57, 155, 255, .12);
}
}
input.error,
select.error {
border: 1px solid rgba(238, 113, 249, .5);
}
.registry-form select.error,
.registry-form select:invalid {
border: none !important;
outline: none !important;
box-shadow: none !important;
}
/* End registry section*/
/* Organizers section*/
.organizers {
position: relative;
overflow: hidden;
}
.organizers:before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(circle at 18% 18%, rgba(57, 155, 255, .12), transparent 28%),
radial-gradient(circle at 82% 30%, rgba(238, 113, 249, .1), transparent 24%);
pointer-events: none;
}
.organizers .container,
.organizers .row {
position: relative;
z-index: 1;
}
.organizers-grid > div {
margin-bottom: 26px;
}
.block-organizer {
position: relative;
min-height: 100%;
padding: 30px 26px;
border: 1px solid rgba(255, 255, 255, .08);
border-radius: 24px;
background: rgba(255, 255, 255, .04);
box-shadow: 0 18px 46px rgba(0, 0, 0, .18);
transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease, background .3s ease;
overflow: hidden;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.block-organizer:before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.03) 38%, rgba(255,255,255,.08) 100%);
pointer-events: none;
}
.block-organizer:after {
content: "";
position: absolute;
top: -30%;
left: -120%;
width: 70%;
height: 180%;
background: linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.26) 48%, rgba(255,255,255,0) 100%);
transform: rotate(10deg);
transition: left .75s ease;
pointer-events: none;
}
.block-organizer:hover {
transform: translateY(-6px);
border-color: rgba(237, 113, 249, .22);
background: rgba(255, 255, 255, .06);
box-shadow: 0 26px 58px rgba(0, 0, 0, .24);
}
.block-organizer:hover:after {
left: 145%;
}
.block-organizer__logo {
position: relative;
z-index: 1;
min-height: 142px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
padding: 24px 28px;
background: rgba(255, 255, 255, .88);
border: 1px solid rgba(255, 255, 255, .18);
border-radius: 24px;
box-shadow: 0 18px 38px rgba(0, 0, 0, .14);
}
.block-organizer__logo img {
max-width: 88%;
max-height: 104px;
width: auto;
opacity: 1;
filter: none;
transition: transform .28s ease, opacity .28s ease, filter .28s ease;
}
.block-organizer:hover .block-organizer__logo img {
transform: scale(1.04);
opacity: 1;
filter: drop-shadow(0 10px 22px rgba(57, 155, 255, .16));
}
/* End organizers section*/
/* Sponsors section*/
.block-sponsor {
padding: 0 8px;
}
.block-sponsor__logo {
position: relative;
min-height: 118px;
display: flex;
align-items: center;
justify-content: center;
padding: 22px 20px;
background: rgba(255, 255, 255, .86);
border: 1px solid rgba(255, 255, 255, .18);
border-radius: 22px;
box-shadow: 0 14px 32px rgba(0, 0, 0, .13);
overflow: hidden;
transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}
.block-sponsor__logo:after {
content: "";
position: absolute;
top: -40%;
left: -120%;
width: 70%;
height: 180%;
background: linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.22) 48%, rgba(255,255,255,0) 100%);
transform: rotate(10deg);
transition: left .75s ease;
pointer-events: none;
}
.block-sponsor:hover .block-sponsor__logo {
transform: translateY(-5px);
background: rgba(255, 255, 255, .94);
border-color: rgba(255, 255, 255, .26);
box-shadow: 0 20px 42px rgba(0, 0, 0, .16);
}
.block-sponsor:hover .block-sponsor__logo:after {
left: 145%;
}
.block-sponsor img {
position: relative;
z-index: 1;
opacity: 1;
width: auto;
max-width: 100%;
max-height: 74px;
filter: none;
transition: transform .28s ease, opacity .28s ease, filter .28s ease;
}
.block-sponsor:hover img {
opacity: 1;
filter: none;
transform: scale(1.05);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-moz-transform: scale(1.05);
}
.block-sponsor .block-sponsor__logo img {
width: auto;
}
/* End sponsors section*/
/* Contact section*/
.hotel-location-name {
display: inline-block;
color: #ffffff;
font-size: 28px;
line-height: 1.2;
font-weight: 700;
}
.location {
min-height: 520px;
}
.block-map {
width: 50%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
.map {
width: 100%;
height: 100%;
}
.map-embed {
display: block;
border: 0;
}
.location h1.title {
color: #cccccc;
}
.block-info-3 p,
.block-info-3__text,
.location p.title-lead {
color: #999999;
}
.block-info-3__text {
font-size: 15px;
line-height: 1.7;
}
.block-info-3 .accom-offer {
margin-top: 22px !important;
padding: 20px 22px;
}
.block-info-3 .accom-offer__badge {
margin-bottom: 14px;
}
.block-info-3 .accom-offer__lead {
font-size: 20px;
line-height: 1.45;
}
.block-info-3__actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 20px;
}
.block-info-3__actions .but {
margin-top: 0;
padding: 12px 24px;
}
@media only screen and (max-width: 767px) {
.location {
min-height: auto;
padding-top: 90px !important;
padding-bottom: 90px !important;
}
.block-map {
display: block;
position: relative;
width: 100%;
height: 260px;
margin-bottom: 28px;
}
.location .col-md-5.col-md-offset-7,
.location .col-sm-5.col-sm-offset-7 {
margin-left: 0;
width: 100%;
}
.block-info-3__actions {
flex-direction: column;
align-items: flex-start;
}
}
/* End contact section*/
/* Accommodation section*/
.accom-offer {
padding: 28px 32px;
border: 1px solid rgba(255, 255, 255, .08);
border-radius: 28px;
background:
radial-gradient(circle at top left, rgba(57, 155, 255, .16), transparent 34%),
radial-gradient(circle at top right, rgba(238, 113, 249, .14), transparent 32%),
rgba(255, 255, 255, .04);
box-shadow: 0 24px 58px rgba(0, 0, 0, .18);
}
.accom-offer__badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 8px 18px;
margin-bottom: 18px;
border-radius: 999px;
background: linear-gradient(90deg, rgba(57, 155, 255, .18) 0%, rgba(238, 113, 249, .18) 100%);
color: #ffffff;
font-size: 11px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
}
.accom-offer__lead {
margin: 0 0 14px;
color: #ffffff;
font-size: 24px;
line-height: 1.5;
font-weight: 500;
}
.accom-offer__lead span {
display: inline-block;
padding: 2px 12px;
border-radius: 999px;
background: linear-gradient(90deg, #399bff 0%, #ee71f9 100%);
color: #ffffff;
font-weight: 700;
letter-spacing: .03em;
}
.accom-offer__text {
margin: 0;
color: rgba(255, 255, 255, .76);
font-size: 16px;
line-height: 1.8;
}
@media only screen and (max-width: 767px) {
.accom-offer {
padding: 22px 20px;
}
.accom-offer__lead {
font-size: 20px;
}
}
/* End accommodation section*/
/* FAQ section*/
.block-faq h4 {
font-size: 16px;
font-weight: 700;
text-transform: none;
}
/* End faq section*/
/* Gallery section*/
.block-gallery li {
opacity: .45;
position: relative;
padding: 0 3px;
}
.block-gallery li:last-child {
margin-right: 0;
}
.block-gallery li .block-img {
height: 180px;
}
.block-gallery li:hover,
.block-gallery li.active {
transform: scale(1.5);
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
opacity: 1;
z-index: 1;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
/* End gallery section*/
/* Fat footer section */
.subscribe-form input[type="text"] {
margin-bottom: 0;
min-width: 100%;
max-width: 100%;
}
.subscribe-form .submit {
min-width: 100%;
max-width: 100%;
}
.top-footer {
color: #999999;
}
.top-footer .block-social li {
margin-right: 10px;
}
.top-footer .block-social li a {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: : 50%;
color: #ffffff;
display: inline-block;
height: 40px;
line-height: 40px;
width: 40px;
opacity: 1;
text-align: center;
font-size: 16px;
}
.top-footer .block-social li:first-child a {
background: #175f9f;
}
.top-footer .block-social li:nth-child(2) a {
background: #00c6f8;
}
.top-footer .block-social li:nth-child(3) a {
background: #df0006;
}
.top-footer .block-social li:nth-child(4) a {
background: #ee322a;
}
.top-footer .block-social li:last-child a {
background: #3c59ef;
}
.insta-Feed li,
.insta-Feed li a {
padding: 0;
position: relative;
display: block;
}
.insta-Feed li:after,
.insta-Feed li a:after {
position: absolute;
background: #121212;
width: 4px;
height: 100%;
content: '';
right: 0;
top: 0;
}
.insta-Feed li:before,
.insta-Feed li a:before {
position: absolute;
background: #121212;
width: 100%;
height: 4px;
content: '';
right: 0;
bottom: 0;
}
.insta-Feed li:first-child,
.insta-Feed li:first-child a {
padding-left: 0
}
.insta-Feed li:nth-child(3):after,
.insta-Feed li:nth-child(3) a:after,
.insta-Feed li:nth-child(6):after,
.insta-Feed li:nth-child(6) a:after {
content: none;
}
.insta-Feed li:nth-child(4):before,
.insta-Feed li:nth-child(4) a:before,
.insta-Feed li:nth-child(5):before,
.insta-Feed li:nth-child(5) a:before,
.insta-Feed li:nth-child(6):before,
.insta-Feed li:nth-child(6) a:before {
content: none;
}
.insta-Feed li img {
display: inline-block;
width: 100%;
}
.insta-Feed li a:hover,
.top-footer .block-social li a:hover {
opacity: .5;
}
.bottom-footer {
font-size: 12px;
}
.block-legal {
text-align: right;
}
.block-legal li {
display: inline-block;
}
.block-legal li a {
margin-right: 10px;
margin-top: 3px;
padding-right: 12px;
white-space: nowrap;
color: #cccccc;
font-size: 12px;
position: relative;
}
.block-legal li a:before {
content: "";
background: #cccccc;
width: 1px;
height: 10px;
right: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
width: 1px;
position: absolute;
}
.block-legal li:last-child a {
border-right: none;
margin-right: 0;
padding-right: 0;
}
.block-legal li:last-child a:before {
content: none;
}
/* End fat footer section*/
/*Media queries*/
@media screen and (min-width: 600px) and (max-width: 800px) {
input,
textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
}
.mobile-but {
display: block;
}
.main-nav ul {
display: none;
text-align: left;
}
.main-nav li {
float: none;
display: block;
margin-left: 0;
}
.main-nav li a {
display: inline-block;
padding-top: 0;
padding-bottom: 12px;
}
.main-nav li:first-child a {
padding-top: 7px;
}
.main-nav li:last-child a {
padding-bottom: 12px;
}
.title {
font-size: 28px;
}
.but {
padding: 11px 25px;
}
.block-speaker .block-img {
min-height: 540px;
}
.block-info-2 {
left: 18px;
right: 18px;
bottom: 18px;
}
.speaker-profile {
opacity: 1;
-webkit-transform: none;
transform: none;
font-size: 11px;
line-height: 1.45;
}
.block-ticket .block-price {
font-size: 75px;
}
.sub-title-0 {
font-size: 22px;
}
.sponsor-list {
display: flex;
flex-direction: column;
align-items: center;
gap: 28px;
}
.sponsor-list__item {
width: 100%;
float: none;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.block-sponsor {
margin-bottom: 0;
max-width: 320px;
margin-left: auto;
margin-right: auto;
}
.block-sponsor__logo {
min-height: 104px;
padding: 26px 20px;
margin-bottom: 0;
}
.block-organizer__logo {
min-height: 118px;
margin-bottom: 16px;
padding: 20px 22px;
}
.block-sponsor img {
width: auto;
max-width: 100%;
max-height: 68px;
}
.location {
padding-top: 100px !important;
padding-bottom: 100px !important;
}
.accom .block-img {
height: 200px;
}
.top-footer .block-social li {
margin-bottom: 6px;
}
.block-legal {
text-align: left;
margin-top: 5px;
}
.registry-form input[type="text"],
.registry-form input[type="email"],
.registry-form input[type="tel"] {
width: 100%
}
.block-sponsor img {
width: auto;
max-width: 100%;
max-height: 68px;
}
}
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) {
input,
textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
}
.mobile-but {
display: block;
}
.main-nav ul {
display: none;
text-align: left;
}
.main-nav li {
float: none;
display: block;
margin-left: 0;
}
.main-nav li a {
display: inline-block;
padding-top: 0;
padding-bottom: 12px;
}
.but {
padding: 11px 25px;
}
.main-nav li:first-child a {
padding-top: 7px;
}
.main-nav li:last-child a {
padding-bottom: 12px;
}
.block-ticket .block-price {
font-size: 70px
}
.block-img {
height: 300px;
}
.accom .block-img {
height: 200px;
}
.top-footer .block-social li {
margin-bottom: 6px;
}
.block-legal {
text-align: left;
margin-top: 5px;
}
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) {
input,
textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
}
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
input,
textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
}
.main-nav ul {
display: block;
text-align: right;
}
.main-nav li {
display: inline-block;
font-size: 13.2px;
font-weight: 400;
margin-left: 35px;
}
.main-nav li a {
color: #ffffff;
display: block;
padding: 12px 0;
position: relative;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
input,
textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
input,
textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
}
.mobile-but {
display: block;
}
.main-nav ul {
display: none;
text-align: left;
}
.main-nav li {
float: none;
display: block;
margin-left: 0;
}
.main-nav li a {
display: inline-block;
padding-top: 0;
padding-bottom: 12px;
}
.main-nav li:first-child a {
padding-top: 7px;
}
.main-nav li:last-child a {
padding-bottom: 12px;
}
.title {
font-size: 28px;
}
.but {
padding: 11px 25px;
}
.block-ticket .block-price {
font-size: 75px;
}
.sub-title-0 {
font-size: 22px;
}
.registry-form input[type="text"],
.registry-form input[type="email"],
.registry-form input[type="tel"] {
width: 100%
}
.block-sponsor img {
width: auto;
max-width: 100%;
max-height: 68px;
}
.location {
padding-top: 100px !important;
padding-bottom: 100px !important;
}
.accom .block-img {
height: 200px;
}
.accom .row.mt-100 {
margin-top: 30px !important;
}
.top-footer .block-social li {
margin-bottom: 6px;
}
.block-legal {
text-align: left;
margin-top: 5px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
input,
textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
}
.mobile-but {
display: block;
}
.main-nav ul {
display: none;
text-align: left;
}
.main-nav li {
float: none;
display: block;
margin-left: 0;
}
.main-nav li a {
display: inline-block;
padding-top: 0;
padding-bottom: 12px;
}
.main-nav li:first-child a {
padding-top: 7px;
}
.main-nav li:last-child a {
padding-bottom: 12px;
}
.main-slider .slides li {
height: 500px;
}
h1.large {
font-size: 45px;
}
.hero-content h3 {
font-size: 35px;
}
.hero-content p {
font-size: 13px;
}
.col-md-3.col-sm-3.text-right {
text-align: left;
margin-top: 10px;
}
.vertical-align {
display: block;
}
.block-tab {
margin-top: 50px;
}
.block-tickets li {
display: block;
}
.block-tickets.overlap {
left: auto;
margin-bottom: 20px;
margin-top: 100px;
}
.block-video {
margin-top: 20px;
}
.block-ticket {
-webkit-transform: scale(1);
opacity: 1;
}
.block-tab {
margin-top: 100px;
}
.block-tab .block-detail:hover {
background: transparent;
-webkit-transform: none;
transform: none;
}
.block-tab .block-detail .block-text {
display: none;
opacity: 1;
max-height: none;
}
.block-tab .block-detail.is-open .block-text {
display: block;
}
.block-tab .block-detail.has-details {
padding-right: 58px;
}
.block-tab .block-detail.has-details:after {
right: 22px;
top: 24px;
}
.dress-toggle {
width: 100%;
justify-content: center;
flex-wrap: wrap;
}
.dress-toggle__button {
min-width: 0;
width: calc(50% - 5px);
}
.dress-card {
min-height: auto;
margin-bottom: 16px;
}
.dress-card__video {
min-height: 260px;
}
.block-sponsor img {
width: auto;
max-width: 100%;
max-height: 68px;
}
.registry-form .submit {
width: 90%;
}
.registry-form input[type="text"] {
width: 100%
}
.block-map {
display: none;
}
.subscribe-form input[type="text"] {
margin-bottom: 25px;
}
.registry-form .submit{width: 100%;}
.registry-form input[type="text"], .registry-form input[type="email"], .registry-form input[type="tel"], .registry-form .block-select{max-width: 100%;}
.registration-capacity {
align-items: flex-start;
flex-direction: column;
}
.registration-capacity__item {
min-width: 0;
}
.block-speaker .block-img::after {
content: none;
}
.col-sm-4.col-sm-offset-2.text-center {
margin-bottom: 20px;
}
.block-legal {
text-align: left;
margin-top: 5px;
}
.top-footer .block-social {
margin-bottom: 20px;
}
.insta-Feed li:after,
.insta-Feed li a:after,
.insta-Feed li:before,
.insta-Feed li a:before {
content: none;
}
}
@media only screen and (max-width: 479px) {
input,
textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
}
.mobile-but {
display: block;
}
.main-nav ul {
display: none;
text-align: left;
}
.main-nav li {
float: none;
display: block;
margin-left: 0;
}
.main-nav li a {
display: inline-block;
padding-top: 0;
padding-bottom: 12px;
}
.main-nav li:first-child a {
padding-top: 7px;
}
.main-nav li:last-child a {
padding-bottom: 12px;
}
.main-slider .slides li {
height: auto;
min-height: 780px;
}
h1.large {
font-size: 34px;
text-align: center !important;
}
.hero-content h3 {
font-size: 27px;
white-space: nowrap;
text-align: center !important;
}
.hero-heading {
gap: 12px;
margin-left: auto;
margin-right: auto;
}
.hero-heading__logo {
width: 72px;
max-width: 72px;
flex-basis: 72px;
}
.hero-video-preview {
margin-top: 20px;
}
.hero-content p {
font-size: 15px;
}
.col-md-3.col-sm-3.text-right {
text-align: left;
margin-top: 10px;
}
.vertical-align {
display: block;
}
.block-tab {
margin-top: 50px;
}
.countdown {
font-size: 35px;
}
.block-tickets li {
display: block;
}
.but {
padding: 11px 20px;
}
.block-tickets.overlap {
left: auto;
margin-bottom: 20px;
margin-top: 100px;
}
.block-video {
margin-top: 20px;
}
.block-ticket {
-webkit-transform: scale(1);
opacity: 1;
}
.block-tab .block-detail:hover {
background: transparent;
-webkit-transform: none;
transform: none;
}
.block-tab .block-detail .block-text {
display: none;
opacity: 1;
max-height: none;
}
.block-tab .block-detail.is-open .block-text {
display: block;
}
.block-tab .block-detail.has-details {
padding-right: 58px;
}
.block-tab .block-detail.has-details:after {
right: 22px;
top: 24px;
}
.dress-toggle {
width: 100%;
justify-content: center;
flex-wrap: wrap;
}
.dress-toggle__button {
min-width: 0;
width: 100%;
}
.dress-card {
min-height: auto;
margin-bottom: 16px;
}
.dress-card__video {
min-height: 240px;
}
.subscribe-form input[type="text"] {
margin-bottom: 25px;
}
.registry-form .submit{width: 100%;}
.registry-form input[type="text"], .registry-form input[type="email"], .registry-form input[type="tel"], .registry-form .block-select{max-width: 100%;}
.registration-capacity {
align-items: flex-start;
flex-direction: column;
}
.registration-capacity__item {
min-width: 0;
}
.block-speaker .block-img:after {
content: none;
}
.block-tab {
margin-top: 50px;
}
.block-sponsor img {
width: auto;
max-width: 100%;
max-height: 68px;
}
.block-map {
display: none;
}
.col-sm-4.col-sm-offset-2.text-center {
margin-bottom: 20px;
}
.accom .row.mt-100 {
margin-top: 30px !important;
}
.top-footer .block-social {
margin-bottom: 20px;
}
.block-legal {
text-align: left;
margin-top: 5px;
}
.insta-Feed li:after,
.insta-Feed li a:after,
.insta-Feed li:before,
.insta-Feed li a:before {
content: none;
}
}
/*End media queries*/
/* Motion enhancements */
.hero:after {
content: "";
position: absolute;
width: 380px;
height: 380px;
right: -140px;
top: 15%;
border-radius: 999px;
background: radial-gradient(circle, rgba(57, 155, 255, 0.28) 0%, rgba(238, 113, 249, 0.06) 48%, rgba(0, 0, 0, 0) 70%);
filter: blur(1px);
animation: heroGlowDrift 9s ease-in-out infinite;
z-index: 4;
pointer-events: none;
}
@keyframes heroGlowDrift {
0% {
transform: translate3d(0, 0, 0) scale(1);
}
50% {
transform: translate3d(-22px, 18px, 0) scale(1.08);
}
100% {
transform: translate3d(0, 0, 0) scale(1);
}
}
@-webkit-keyframes heroGlowDrift {
0% {
-webkit-transform: translate3d(0, 0, 0) scale(1);
}
50% {
-webkit-transform: translate3d(-22px, 18px, 0) scale(1.08);
}
100% {
-webkit-transform: translate3d(0, 0, 0) scale(1);
}
}
.main-nav li a {
position: relative;
transition: color .25s ease;
}
.main-nav li a:after {
content: "";
position: absolute;
left: 0;
bottom: -3px;
width: 100%;
height: 2px;
background: linear-gradient(90deg, #399bff 0%, #ee71f9 100%);
transform: scaleX(0);
transform-origin: left center;
transition: transform .25s ease;
}
.main-nav li a:hover:after,
.main-nav li a.is-active:after {
transform: scaleX(1);
}
.main-nav li a.main-nav__cta {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 18px;
position: relative;
overflow: hidden;
border-radius: 999px;
background: rgb(54, 111, 192);
color: #ffffff;
font-weight: 700;
box-shadow: 0 12px 28px rgba(54, 111, 192, .24);
transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;
isolation: isolate;
}
.main-nav li a.main-nav__cta:after {
content: "";
position: absolute;
inset: 1px;
border-radius: inherit;
background: linear-gradient(135deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, .04));
z-index: -1;
}
.main-nav li a.main-nav__cta:before {
content: "";
position: absolute;
top: -140%;
left: -45%;
width: 58%;
height: 380%;
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, .12) 35%,
rgba(255, 255, 255, .5) 50%,
rgba(255, 255, 255, .14) 65%,
rgba(255, 255, 255, 0) 100%
);
transform: rotate(24deg) translate3d(0, 0, 0);
animation: sponsorsGlassSweep 3.4s ease-in-out infinite;
pointer-events: none;
}
.main-nav li a.main-nav__cta span,
.main-nav li a.main-nav__cta {
z-index: 1;
}
.main-nav li a.main-nav__cta:after {
display: none;
}
.main-nav li a.main-nav__cta:hover {
color: #ffffff;
background: rgb(54, 111, 192);
transform: translateY(-2px);
box-shadow: 0 16px 34px rgba(54, 111, 192, .3);
}
@keyframes sponsorsGlassSweep {
0% {
transform: rotate(24deg) translate3d(-160%, 0, 0);
opacity: .2;
}
20% {
opacity: .9;
}
55% {
transform: rotate(24deg) translate3d(240%, 0, 0);
opacity: .85;
}
100% {
transform: rotate(24deg) translate3d(240%, 0, 0);
opacity: 0;
}
}
.but {
-webkit-transition: -webkit-transform .25s ease, box-shadow .25s ease, -webkit-filter .25s ease;
transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
background: rgb(54, 111, 192);
}
.but:hover {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
box-shadow: 0 16px 34px rgba(54, 111, 192, .28);
background: rgb(54, 111, 192);
-webkit-filter: brightness(1.06);
filter: brightness(1.06);
}
.block-speaker .block-img,
.block-detail,
.block-faq,
.block-gallery li {
-webkit-transition: -webkit-transform .35s ease, box-shadow .35s ease;
transition: transform .35s ease, box-shadow .35s ease;
}
.block-speaker .block-img:hover,
.block-detail:hover,
.block-faq:hover,
.block-gallery li:hover {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
.countdown {
animation: countdownPulse 3.4s ease-in-out infinite;
}
@keyframes countdownPulse {
0% {
opacity: .85;
transform: scale(1);
}
50% {
opacity: 1;
transform: scale(1.03);
}
100% {
opacity: .85;
transform: scale(1);
}
}
@keyframes capacityGlow {
0% {
text-shadow: 0 0 0 rgba(237, 113, 249, 0);
}
50% {
text-shadow: 0 0 18px rgba(237, 113, 249, .36);
}
100% {
text-shadow: 0 0 0 rgba(237, 113, 249, 0);
}
}
@-webkit-keyframes capacityGlow {
0% {
text-shadow: 0 0 0 rgba(237, 113, 249, 0);
}
50% {
text-shadow: 0 0 18px rgba(237, 113, 249, .36);
}
100% {
text-shadow: 0 0 0 rgba(237, 113, 249, 0);
}
}
@-webkit-keyframes countdownPulse {
0% {
opacity: .85;
-webkit-transform: scale(1);
}
50% {
opacity: 1;
-webkit-transform: scale(1.03);
}
100% {
opacity: .85;
-webkit-transform: scale(1);
}
}
.js-enabled .reveal {
opacity: 0;
-webkit-transform: translate3d(0, 26px, 0);
transform: translate3d(0, 26px, 0);
-webkit-transition: opacity .75s cubic-bezier(.2, .65, .2, 1), -webkit-transform .75s cubic-bezier(.2, .65, .2, 1);
transition: opacity .75s cubic-bezier(.2, .65, .2, 1), transform .75s cubic-bezier(.2, .65, .2, 1);
-webkit-transition-delay: var(--reveal-delay, 0ms);
transition-delay: var(--reveal-delay, 0ms);
will-change: opacity, transform;
}
.js-enabled .reveal.is-visible {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.registration-modal {
position: fixed;
inset: 0;
z-index: 9999;
display: none;
align-items: center;
justify-content: center;
padding: 24px;
}
.registration-modal.is-open {
display: flex;
}
.registration-modal__overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, .72);
}
.registration-modal__dialog {
position: relative;
width: min(100%, 460px);
padding: 42px 36px 36px;
border: 1px solid rgba(255, 255, 255, .16);
border-radius: 24px;
background: #151515;
box-shadow: 0 26px 70px rgba(0, 0, 0, .45);
text-align: center;
}
.registration-modal__dialog h2 {
margin-bottom: 16px;
text-transform: none;
}
.registration-modal__dialog p {
color: rgba(255, 255, 255, .78);
margin-bottom: 26px;
}
.registration-modal__close {
position: absolute;
top: 14px;
right: 16px;
width: 34px;
height: 34px;
border: 0;
background: transparent;
color: #ffffff;
font-size: 28px;
line-height: 1;
}
.registration-modal__button {
border: 0;
}
.scroll-top-button {
position: fixed;
right: 24px;
bottom: 24px;
z-index: 9998;
width: 54px;
height: 54px;
border: 0;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
background: rgb(54, 111, 192);
color: #ffffff;
font-size: 26px;
line-height: 1;
box-shadow: 0 18px 42px rgba(54, 111, 192, .34);
opacity: 0;
visibility: hidden;
transform: translate3d(0, 14px, 0);
transition: opacity .25s ease, visibility .25s ease, transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
.scroll-top-button:hover {
box-shadow: 0 22px 46px rgba(54, 111, 192, .42);
filter: brightness(1.08);
}
.scroll-top-button.is-visible {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
}
@media only screen and (max-width: 767px) {
.scroll-top-button {
right: 16px;
bottom: 16px;
width: 48px;
height: 48px;
font-size: 22px;
}
}
@media (prefers-reduced-motion: reduce) {
.hero:after,
.countdown,
.registration-capacity__value {
animation: none !important;
}
.js-enabled .reveal,
.but,
.block-speaker .block-img,
.block-detail,
.block-faq,
.block-gallery li,
.main-nav li a,
.main-nav li a:after,
.registry-form,
.registry-form input[type="text"],
.registry-form input[type="email"],
.registry-form input[type="tel"],
.registry-form .block-select,
.scroll-top-button {
transition: none !important;
transform: none !important;
}
}
@media only screen and (max-width: 767px) {
.sponsor-list {
display: block !important;
}
.sponsor-list__item {
display: block !important;
float: none !important;
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
.sponsor-list__item + .sponsor-list__item {
margin-top: 32px !important;
}
.sponsor-list__item .block-sponsor {
max-width: 320px;
margin: 0 auto !important;
}
}