.event-one {
position: relative;
display: block;
padding: 120px 0 120px;
overflow: hidden;
z-index: 1;
}
.event-one__shape-1 {
position: absolute;
top: -630px;
right: 0;
z-index: -1;
}
.event-one__shape-1 img {
width: auto;
}
.event-one .container {
max-width: 1200px;
}
.event-one__main-tab-box .tab-buttons {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.event-one__main-tab-box .tab-buttons .tab-btn {
position: relative;
display: inline-block;
}
.event-one__main-tab-box .tab-buttons .tab-btn+.tab-btn {
margin-left: 0;
}
.event-one__main-tab-box .tab-buttons .tab-btn .event-one__tab-btn-content {
border: 1px solid #e5e7e8;
position: relative;
display: block;
text-align: center;
cursor: pointer;
padding: 13px 60px 12px;
transition: all 200ms linear;
transition-delay: 0.1s;
transition: all 0.3s ease;
z-index: 1;
}
.event-one__main-tab-box .tab-buttons .tab-btn.active-btn .event-one__tab-btn-content {
border: 1px solid var(--thm-base);
}
.event-one__main-tab-box .tab-buttons .tab-btn .event-one__tab-btn-content:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 0%;
content: "";
background-color: var(--thm-base);
transition: all 0.3s ease;
z-index: -1;
}
.event-one__main-tab-box .tab-buttons .tab-btn.active-btn .event-one__tab-btn-content:before {
height: 100%;
}
.event-one__main-tab-box .tab-buttons .tab-btn .event-one__tab-btn-content::after {
content: "";
position: absolute;
bottom: -18px;
left: 50%;
transform: translateX(-50%);
border-top: 18px solid var(--thm-base);
border-left: 12px solid transparent;
border-right: 12px solid transparent;
opacity: 0;
}
.event-one__main-tab-box .tab-buttons .tab-btn.active-btn .event-one__tab-btn-content::after {
opacity: 1;
}
.tab-btn .event-one__tab-btn-content p {
font-weight: 500;
letter-spacing: 0.024em;
color: var(--thm-base);
transition: all 0.3s ease;
}
.event-one__main-tab-box .tab-buttons .tab-btn.active-btn .event-one__tab-btn-content p {
color: var(--thm-white);
}
.tab-btn .event-one__tab-btn-content h3 {
font-size: 45px;
font-weight: 600;
line-height: 55px;
transition: all 0.3s ease;
}
.event-one__main-tab-box .tab-buttons .tab-btn.active-btn .event-one__tab-btn-content h3 {
color: var(--thm-white);
}
.tab-btn .event-one__tab-btn-content h3 span {
position: relative;
font-size: 25px;
top: -16px;
margin-right: 12px;
margin-left: 4px;
transition: all 0.3s ease;
}
.event-one__main-tab-box .tab-buttons .tab-btn.active-btn .event-one__tab-btn-content h3 span {
color: var(--thm-white);
}
.event-one__main-tab-box .tabs-content {
position: relative;
display: block;
margin-top: 68px;
}
.event-one__main-tab-box .tabs-content .tab {
position: relative;
display: none;
-webkit-transform: translateY(35px);
-ms-transform: translateY(35px);
transform: translateY(35px);
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
z-index: 10;
}
.event-one__main-tab-box .tabs-content .tab.active-tab {
display: block;
margin-top: 0px;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.event-one__tab-content-inner {
position: relative;
display: block;
}
.event-one__tab-content-single {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
padding: 30px 30px 30px;
padding-left: 0;
z-index: 1;
}
.event-one__tab-content-single+.event-one__tab-content-single {
margin-top: 60px;
}
.event-one__tab-content-single::before {
content: "";
position: absolute;
top: 0;
left: 150px;
right: 0;
bottom: 0;
border: 1px solid #e5e7e8;
z-index: -1;
}
.event-one__tab-content-shape-1 {
position: absolute;
bottom: -60px;
width: 2px;
height: 60px;
background-color: #e5e7e8;
left: 50%;
transform: translatex(-50%);
}
.event-one__tab-content-shape-1::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 10px;
border: 2px solid var(--thm-base);
border-radius: 50%;
background-color: var(--thm-white);
transform: translateX(-50%) translateY(-50%);
}
.event-one__tab-content-single-left {
position: relative;
display: flex;
align-items: center;
}
.event-one__tab-content-img-box {
position: relative;
display: flex;
align-items: center;
}
.event-one__tab-content-img {
position: relative;
display: block;
background-color: var(--thm-black);
overflow: hidden;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
z-index: 1;
}
.event-one__tab-content-img img {
width: auto;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.event-one__tab-content-img:hover img {
transform: scale(1.05);
opacity: .50;
}
.event-one__tab-content--content {
position: relative;
display: block;
margin-left: 60px;
}
.event-one__tab-content-tag {
font-size: 14px;
font-weight: 500;
line-height: 24px;
text-transform: uppercase;
letter-spacing: 0.1em;
background-color: #f8f7f3;
padding: 8px 18px 8px;
position: relative;
display: inline-block;
}
.event-one__tab-content-meta {
position: relative;
display: flex;
align-items: center;
margin-top: 20px;
margin-bottom: 11px;
}
.event-one__tab-content-meta li+li {
margin-left: 10px;
}
.event-one__tab-content-meta li p {
font-size: 14px;
}
.event-one__tab-content-meta li p span {
margin-right: 8px;
color: var(--thm-base);
}
.event-one__tab-content-title {
font-size: 24px;
font-weight: 600;
line-height: 34px;
}
.event-one__tab-content-title a {
color: var(--thm-black);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.event-one__tab-content-title a:hover {
color: var(--thm-base);
}
.pevent-one__tab-content-text {
margin-bottom: 19px;
margin-top: 18px;
}
.event-one__tab-content-name {
font-size: 14px;
font-weight: 500;
line-height: 24px;
text-transform: uppercase;
letter-spacing: 0.2em;
background-color: var(--thm-base);
position: relative;
display: inline-block;
color: var(--thm-white);
padding: 7px 20px 7px;
clip-path: polygon(0% 0%, 93% 0, 100% 50%, 93% 100%, 0% 100%);
}
.event-one__tab-content-social-box {
position: relative;
display: block;
min-width:80px;
}
.event-one__tab-content-social-box>span {
font-size: 14px;
font-weight: 500;
color: var(--thm-base);
text-decoration: underline;
}
.event-one__tab-content-social {
position: relative;
display: block;
margin-top: 18px;
}
.event-one__tab-content-social li {
position: relative;
display: flex;
align-items: center;
flex-direction: column;
}
.event-one__tab-content-social li a+a {
margin-top: 20px;
}
.event-one__tab-content-social li a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
background-color: var(--thm-black);
border-radius: 50%;
font-size: 13px;
color: var(--thm-white);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.event-one__tab-content-social li a:hover {
background-color: var(--thm-base);
color: var(--thm-white);
}
.event-one__tab-content-share {
position: relative;
display: block;
margin-top: 74px;
}
.event-one__tab-content-share a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border-radius: 1px;
font-size: 16px;
color: var(--thm-base);
border: 1px solid #e5e7e8;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
margin: 0 auto;
}
.event-one__tab-content-share a:hover {
border: 1px solid var(--thm-base);
background-color: var(--thm-base);
color: var(--thm-white);
}
.event-one__tab-content-single-2 {
padding-right: 0;
padding-left: 30px;
}
.event-one__tab-content-single-2::before {
left: 0;
right: 150px;
}
.event-one__tab-content-single-2 .event-one__tab-content--content {
margin-left: 0px;
margin-right: 60px;
text-align: right;
}
.event-one__tab-content-single-2 .event-one__tab-content-meta {
justify-content: flex-end;
}
.event-one__tab-content-single-2 .event-one__tab-content-name {
clip-path: polygon(7% 0, 100% 0%, 100% 100%, 7% 100%, 0% 50%);
} .hover-item__box {
position: absolute;
width: 180px;
height: 176px;
top: 30%;
left: 185px;
pointer-events: none;
transform: translate(-100%, -50%);
overflow: hidden;
opacity: 0;
transform: scale(0.8);
transition: all 0.5s ease-out;
z-index: 10;
}
.hover-item__box-img,
.elementor .hover-item__box .hover-item__box-img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20px;
transition: transform 0.4s ease-out;
} .event-two {
position: relative;
display: block;
padding: 0 0 120px;
z-index: 1;
}
.event-two .container {
max-width: 1200px;
}
.event-two__main-tab-box {
position: relative;
display: block;
}
.event-two__main-tab-box .tab-buttons {
position: absolute;
display: flex;
align-items: center;
transform: rotate(-90deg);
left: -255px;
top: 258px;
}
.event-two__main-tab-box .tab-buttons::before {
content: "";
position: absolute;
bottom: -9px;
left: -10px;
right: -10px;
height: 2px;
background-color: #e5e7e8;
}
.event-two__main-tab-box .tab-buttons .tab-btn {
position: relative;
display: inline-block;
}
.event-two__main-tab-box .tab-buttons .tab-btn+.tab-btn {
margin-left: 40px;
}
.event-two__main-tab-box .tab-buttons .tab-btn {
position: relative;
display: block;
cursor: pointer;
z-index: 1;
}
.event-two__main-tab-box .tab-btn span {
position: relative;
font-size: 16px;
letter-spacing: 0.1em;
color: var(--thm-black);
text-transform: uppercase;
transition: all 0.3s ease;
}
.event-two__main-tab-box .tab-buttons .tab-btn.active-btn span {
color: var(--thm-base);
}
.event-two__main-tab-box .tab-btn span::before {
content: "";
position: absolute;
bottom: -15px;
left: 50%;
width: 5px;
height: 5px;
background-color: var(--thm-base);
border-radius: 50%;
transform: translateX(-50%);
transition: all 0.3s ease;
opacity: 0;
}
.event-two__main-tab-box .tab-buttons .tab-btn.active-btn span::before {
opacity: 1;
}
.event-two__main-tab-box .tabs-content {
position: relative;
display: block;
margin-left: 70px;
}
.event-two__main-tab-box .tabs-content .tab {
position: relative;
display: none;
-webkit-transform: translateY(35px);
-ms-transform: translateY(35px);
transform: translateY(35px);
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
z-index: 10;
}
.event-two__main-tab-box .tabs-content .tab.active-tab {
display: block;
margin-top: 0px;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.event-two__tab-content-inner {
position: relative;
display: block;
}
.event-two__tab-list {
position: relative;
display: block;
}
.event-two__tab-list>li {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
background-color: var(--thm-white);
border: 5px solid #f5f6f6;
padding: 10px 35px 10px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
z-index: 1;
}
.event-two__tab-list>li:hover {
border: 5px solid #f8f7f3;
}
.event-two__tab-list>li::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #f8f7f3;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
transform-origin: bottom right;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
z-index: -1;
}
.event-two__tab-list>li:hover::before {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
transform-origin: top center;
}
.event-two__tab-list>li+li {
margin-top: 30px;
}
.event-two__client-info {
position: relative;
display: flex;
align-items: center;
}
.event-two__client-img {
position: relative;
display: block;
width: 55px;
}
.event-two__client-img img {
width: auto;
border-radius: 50%;
}
.event-two__client-content {
position: relative;
display: block;
margin-left: 20px;
}
.event-two__client-content p {
font-size: 18px;
font-weight: 500;
line-height: 21px;
color: var(--thm-black);
}
.event-two__client-content span,
.event-two__client-content a{
font-size: 14px;
font-weight: 500;
line-height: 24px;
color: var(--thm-base);
}
.event-two__party-box {
position: relative;
display: block;
}
.event-two__party-box>h3 {
font-size: 24px;
font-weight: 600;
color: var(--thm-black);
line-height: 34px;
}
.event-two__party-box>h3 a{
color: var(--thm-black);
}
.event-two__meta {
position: relative;
display: flex;
align-items: center;
margin-top: 11px;
}
.event-two__meta>li {
position: relative;
display: block;
}
.event-two__meta>li+li {
margin-left: 22px;
}
.event-two__meta>li>p {
font-size: 14px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.05em;
position: relative;
display: flex;
align-items: center;
}
.event-two__meta li>p>span {
position: relative;
font-size: 22px;
color: var(--thm-base);
margin-right: 10px;
}
.event-two__day {
position: relative;
display: block;
}
.event-two__day>h4 {
font-size: 24px;
font-weight: 600;
line-height: 34px;
}
.event-two__day>p {
font-size: 14px;
letter-spacing: 0.1em;
position: relative;
display: flex;
align-items: center;
}
.event-two__day>p>span {
position: relative;
margin-right: 5px;
color: var(--thm-base);
}
.event-two__video {
position: relative;
display: block;
}
.event-two__video-img {
position: relative;
display: block;
border-radius: 50%;
width: 150px;
}
.event-two__video-img img {
width: auto;
border-radius: 50%;
}
.event-two__play {
position: absolute;
top: 50%;
left: 50%;
width: 60px;
height: 60px;
font-weight: 800;
line-height: 60px;
text-align: center;
border-radius: 50%;
display: inline-block;
color: var(--thm-white);
font-size: 17px;
font-family: 'Font Awesome 5 Pro';
background-color: rgba(var(--thm-base-rgb), .90);
transform: translateX(-50%) translateY(-50%);
z-index: 1;
}
.event-two__play:hover {
color: var(--thm-base);
background-color: var(--thm-white);
}
.event-two__play .ripple,
.event-two__play .ripple:before,
.event-two__play .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width: 60px;
height: 60px;
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.event-two__play .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.event-two__play .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
@-webkit-keyframes ripple {
70% {
box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
}
}
@keyframes ripple {
70% {
box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
}
} .event-three {
position: relative;
display: block;
background-color: var(--thm-black);
overflow: hidden;
padding: 120px 0 90px;
z-index: 1;
}
.event-three__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.06;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: -1;
}
.event-three .container {
max-width: 1200px;
}
.event-three .section-title {
margin-bottom: 43px;
}
.event-three .section-title__title {
color: var(--thm-white);
}
.event-three__inner {
position: relative;
display: block;
}
.event-three__event-list {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.event-three__event-list li {
position: relative;
text-align: center;
display: block;
margin-bottom: 30px;
}
.event-three__single {
position: relative;
display: block;
text-align: center;
}
.event-three__title {
font-size: 24px;
font-weight: 600;
line-height: 34px;
}
.event-three__title a {
color: var(--thm-white);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.event-three__title a:hover {
color: var(--thm-base);
}
.event-three__text {
color: #adafae;
margin-top: 13px;
margin-bottom: 44px;
}
.event-three__img-box {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 244px;
height: 244px;
border: 2px dashed var(--thm-base);
border-radius: 50%;
margin: 0 auto;
}
.event-three__img {
position: relative;
display: block;
max-width: 200px;
border-radius: 50%;
margin: 0 auto;
overflow: hidden;
z-index: 1;
}
.event-three__img::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 50%;
background-color: rgba(var(--thm-black-rgb), .82);
transform: scale(0);
transform-origin: center;
transform-style: preserve-3d;
transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
z-index: 1;
}
.event-three__event-list li:hover .event-three__img::before {
transform: scaleX(1);
}
.event-three__img img {
width: 100%;
border-radius: 50%;
transition: all 500ms ease;
transform: scale(1);
}
.event-three__event-list li:hover .event-three__img img {
transform: scale(1.05);
}
.event-three__icon {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
z-index: 2;
}
.event-three__icon span {
position: relative;
display: inline-block;
font-size: 45px;
color: var(--thm-base);
}
.event-three__shape-1 {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
z-index: -1;
}
.event-three__shape-1 img {
width: auto;
max-width: none;
}
.event-three__single-2 .event-three__text {
margin-bottom: 0px;
}
.event-three__single-2 .event-three__title {
margin-top: 42px;
}
.event-three__event-list li:nth-child(2) {
margin-bottom: 11px;
}
.event-three__shape-2 {
position: absolute;
left: -133px;
top: 198px;
}
.event-three__shape-2 img {
width: auto;
}
.event-three__shape-3 {
position: absolute;
right: -133px;
top: 151px;
}
.event-three__shape-3 img {
width: auto;
}
.event-three__shape-4 {
position: absolute;
left: 0;
top: 14px;
z-index: -1;
}
.event-three__shape-4 img {
width: auto;
}
.event-three__shape-5 {
position: absolute;
bottom: 0;
right: -30px;
border-top: 68px solid transparent;
border-left: 90px solid transparent;
border-bottom: 68px solid var(--thm-base);
border-right: 90px solid var(--thm-base);
z-index: -1;
} .event-four {
position: relative;
display: block;
background-color: var(--thm-black);
padding: 95px 0 0;
z-index: 1;
}
.event-four__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.06;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: -1;
}
.event-four__shape-1 {
position: absolute;
top: 0px;
right: 330px;
z-index: -1;
}
.event-four__shape-1 img {
width: auto;
}
.event-four__shape-2 {
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
}
.event-four__shape-2 img {
width: auto;
}
.event-four .container {
max-width: 1200px;
}
.event-four__left {
position: relative;
display: block;
}
.event-four__left .section-title {
margin-bottom: 21px;
}
.event-four__left .section-title__title {
color: var(--thm-white);
}
.event-four__location-list {
position: relative;
display: flex;
align-items: center;
margin-top: 28px;
margin-bottom: 36px;
}
.event-four__location-list li {
position: relative;
display: block;
}
.event-four__location-list li::before {
content: "";
position: absolute;
top: 7px;
left: -45px;
width: 2px;
height: 50px;
background-color: var(--thm-base);
}
.event-four__location-list li:first-child::before {
display: none;
}
.event-four__location-list li+li {
margin-left: 90px;
}
.event-four__location-list li>h3 {
font-size: 20px;
font-weight: 600;
line-height: 30px;
color: var(--thm-white);
}
.event-four__location-list li>p {
position: relative;
display: flex;
align-items: center;
margin-top: 7px;
}
.event-four__location-list li>p>span {
color: var(--thm-base);
margin-right: 10px;
font-size: 13px;
}
.event-four__client-info {
position: relative;
display: flex;
align-items: center;
}
.event-four__client-img-box {
position: relative;
display: flex;
align-items: center;
}
.event-four__client-img-box>li {
position: relative;
display: block;
}
.event-four__client-img-box>li+li {
margin-left: -14px;
}
.event-four__client-img {
position: relative;
display: block;
border: 2px solid var(--thm-base);
border-radius: 50%;
width: 50px;
}
.event-four__client-img img {
width: 100%;
border-radius: 50%;
}
.event-four__client-name-box {
position: relative;
display: block;
margin-left: 30px;
}
.event-four__client-name-box>h3 {
font-size: 20px;
font-weight: 500;
line-height: 30px;
color: var(--thm-white);
}
.event-four__client-name-box>p {
font-size: 14px;
line-height: 24px;
margin-top: 1px;
}
.event-four__right {
position: relative;
display: block;
margin-left: 60px;
margin-top: -296px;
}
.event-four__img {
position: relative;
display: block;
}
.event-four__img img {
width: 100%;
}
.event-four__ceo {
position: absolute;
top: 365px;
left: -45px;
transform: rotate(-40deg);
text-align: center;
}
.event-four__ceo-name {
font-size: 24px;
font-weight: 400;
color: var(--thm-white);
font-family: var(--thm-reey-font);
line-height: 24px;
margin-bottom: 10px;
}
.event-four__ceo-title {
font-size: 16px;
font-weight: 500;
color: var(--thm-white);
text-transform: uppercase;
letter-spacing: .1em;
} .event-details {
position: relative;
display: block;
padding: 120px 0 95px;
}
.event-details .container {
max-width: 1200px;
}
.event-details__left {
position: relative;
display: block;
}
.event-details__img {
position: relative;
display: block;
}
.event-details__img img {
width: 100%;
border-radius: 15px;
height: auto;
}
.event-details__meta {
position: relative;
display: flex;
align-items: center;
margin-top: 43px;
margin-bottom: 14px;
}
.event-details__meta li {
position: relative;
display: block;
}
.event-details__meta li+li {
margin-left: 25px;
}
.event-details__meta li a {
font-size: 16px;
font-weight: 500;
color: var(--thm-gray);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.event-details__meta li a:hover {
color: var(--thm-base);
}
.event-details__meta li a span {
font-weight: 900;
color: var(--thm-base);
margin-right: 10px;
}
.event-details__title {
font-size: 30px;
font-weight: 600;
line-height: 40px;
}
.event-details__date-box {
position: relative;
display: flex;
align-items: center;
margin-top: 30px;
}
.event-details__date-box li {
position: relative;
display: flex;
align-items: center;
background-color: var(--thm-primary);
border-radius: 10px;
padding: 11px 15px 10px;
margin-bottom: 30px;
}
.event-details__date-box li+li {
margin-left: 20px;
}
.event-details__date-box li>.icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
background-color: var(--thm-white);
border-radius: 10px;
}
.event-details__date-box li>.icon>span {
position: relative;
display: inline-block;
font-size: 23px;
color: var(--thm-base);
}
.event-details__date-box li .content {
position: relative;
display: block;
margin-left: 18px;
}
.event-details__date-box li .content p {
font-weight: 500;
}
.event-details__date-box li .content h4 {
font-size: 18px;
font-weight: 600;
line-height: 26px;
}
.event-details__text-2 {
margin-top: 16px;
margin-bottom: 30px;
}
.event-details__points {
position: relative;
display: block;
}
.event-details__points li {
position: relative;
display: flex;
align-items: center;
}
.event-details__points li+li {
margin-top: 20px;
}
.event-details__points li .icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background-color: var(--thm-primary);
border-radius: 50%;
}
.event-details__points li .icon span {
position: relative;
display: inline-block;
font-size: 16px;
color: var(--thm-gray);
}
.event-details__points li p {
position: relative;
margin-left: 15px;
letter-spacing: -0.025em;
}
.event-details__text-3 {
margin-top: 27px;
margin-bottom: 39px;
}
.event-details__main-tab-box {
position: relative;
display: block;
}
.event-details__tab-button-box {
position: relative;
display: block;
}
.event-details__main-tab-box .tab-buttons {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 0 -5px;
}
.event-details__main-tab-box .tab-buttons .tab-btn {
position: relative;
flex: 0 0 33.333333%;
max-width: 33.333333%;
width: 100%;
padding: 0 5px;
}
.event-details__main-tab-box .tab-buttons .tab-btn+.tab-btn {
margin-left: 0;
}
.event-details__main-tab-box .tab-buttons .tab-btn .event-details__tab-btn-content {
border: 1px solid #e5e7e8;
position: relative;
display: block;
text-align: center;
cursor: pointer;
padding: 18px 0px 20px;
transition: all 200ms linear;
transition-delay: 0.1s;
transition: all 0.3s ease;
z-index: 1;
}
.event-details__main-tab-box .tab-buttons .tab-btn.active-btn .event-details__tab-btn-content {
border: 1px solid var(--thm-base);
}
.event-details__main-tab-box .tab-buttons .tab-btn .event-details__tab-btn-content:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 0%;
content: "";
background-color: var(--thm-base);
transition: all 0.3s ease;
z-index: -1;
}
.event-details__main-tab-box .tab-buttons .tab-btn.active-btn .event-details__tab-btn-content:before {
height: 100%;
}
.event-details__main-tab-box .tab-buttons .tab-btn .event-details__tab-btn-content::after {
content: "";
position: absolute;
bottom: -18px;
left: 50%;
transform: translateX(-50%);
border-top: 18px solid var(--thm-base);
border-left: 12px solid transparent;
border-right: 12px solid transparent;
opacity: 0;
}
.event-details__main-tab-box .tab-buttons .tab-btn.active-btn .event-details__tab-btn-content::after {
opacity: 1;
}
.event-details__main-tab-box .tab-btn .event-details__tab-btn-content p {
font-weight: 500;
letter-spacing: 0.025em;
color: var(--thm-base);
transition: all 0.3s ease;
}
.event-details__main-tab-box .tab-buttons .tab-btn.active-btn .event-details__tab-btn-content p {
color: var(--thm-white);
}
.event-details__main-tab-box .tab-btn .event-details__tab-btn-content h3 {
font-size: 36px;
font-weight: 600;
line-height: 44px;
transition: all 0.3s ease;
}
.event-details__main-tab-box .tab-buttons .tab-btn.active-btn .event-details__tab-btn-content h3 {
color: var(--thm-white);
}
.event-details__main-tab-box .tab-btn .event-details__tab-btn-content h3 span {
position: relative;
font-size: 25px;
top: -8px;
margin-left: 8px;
transition: all 0.3s ease;
}
.event-details__main-tab-box .tab-buttons .tab-btn.active-btn .event-details__tab-btn-content h3 span {
color: var(--thm-white);
}
.event-details__main-tab-box .tabs-content {
position: relative;
display: block;
margin-top: 53px;
}
.event-details__main-tab-box .tabs-content .tab {
position: relative;
display: none;
-webkit-transform: translateY(35px);
-ms-transform: translateY(35px);
transform: translateY(35px);
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
z-index: 10;
}
.event-details__main-tab-box .tabs-content .tab.active-tab {
display: block;
margin-top: 0px;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.event-details__tab-content-inner {
position: relative;
display: block;
}
.event-details__tab-content-single {
position: relative;
display: flex;
align-items: center;
padding: 30px 30px 30px;
margin-bottom: 25px;
padding-left: 0;
z-index: 1;
}
.event-details__tab-content-single::before {
content: "";
position: absolute;
top: 0;
left: 115px;
bottom: 0;
right: 0;
border: 1px solid #e5e7e8;
}
.event-details__tab-content-img-box {
position: relative;
display: block;
}
.event-details__tab-content-img {
position: relative;
display: block;
width: 160px;
}
.event-details__tab-content-img img {
width: 100%;
}
.event-details__social {
position: absolute;
top: 50%;
right: -17px;
transform: translateY(-50%);
}
.event-details__social a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
font-size: 16px;
color: var(--thm-white);
background-color: var(--thm-black);
border-radius: 50%;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.event-details__social a:hover {
color: var(--thm-white);
background-color: var(--thm-base);
}
.event-details__social a+a {
margin-top: 20px;
}
.event-details__tab-content--content {
position: relative;
display: block;
margin-left: 45px;
}
.event-details__tab-content-meta {
position: relative;
display: flex;
align-items: center;
}
.event-details__tab-content-meta li {
position: relative;
display: block;
}
.event-details__tab-content-meta li+li {
margin-left: 10px;
}
.event-details__tab-content-meta li p {
font-size: 14px;
}
.event-details__tab-content-meta li p span {
position: relative;
margin-right: 8px;
color: var(--thm-base);
}
.event-details__tab-content-title {
font-size: 24px;
font-weight: 600;
line-height: 34px;
margin-top: 11px;
margin-bottom: 10px;
}
.event-details__tab-content-title a {
color: var(--thm-black);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.event-details__tab-content-title a:hover {
color: var(--thm-base);
}
.event-details__tab-content-name {
font-weight: 500;
color: var(--thm-black);
margin-top: 8px;
}
.event-details__tab-content-name span {
color: var(--thm-base);
}
.sidebar__google-map {
position: relative;
display: block;
margin-bottom: 40px;
}
.sidebar__hotel-details-box {
position: relative;
display: block;
background-color: var(--thm-primary);
border-radius: 15px;
padding: 45px 45px 45px;
}
.sidebar__hotel-details-top {
position: relative;
display: flex;
align-items: center;
border-bottom: 2px solid #ecece8;
padding-bottom: 24px;
margin-bottom: 16px;
}
.sidebar__hotel-details-top>.icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
background-color: var(--thm-base);
border-radius: 10px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.sidebar__hotel-details-top>.icon:hover {
background-color: var(--thm-black);
}
.sidebar__hotel-details-top>.icon>span {
position: relative;
display: inline-block;
font-size: 20px;
color: var(--thm-white);
}
.sidebar__hotel-details-top>.content {
position: relative;
display: block;
margin-left: 20px;
}
.sidebar__hotel-details-top>.content>p {
font-size: 14px;
font-weight: 500;
line-height: 22px;
}
.sidebar__hotel-details-top>.content>h4 {
font-size: 18px;
font-weight: 600;
line-height: 24px;
}
.sidebar__hotel-details {
position: relative;
display: block;
}
.sidebar__hotel-details-title {
font-size: 20px;
font-weight: 600;
line-height: 30px;
margin-bottom: 21px;
}
.sidebar__hotel-details-list {
position: relative;
display: block;
}
.sidebar__hotel-details-list>li {
position: relative;
display: flex;
align-items: center;
border: 1px solid #d4d6d3;
border-radius: 10px;
padding: 12px 20px 9px;
}
.sidebar__hotel-details-list>li+li {
margin-top: 12px;
}
.sidebar__hotel-details-list>li>.icon {
position: relative;
display: inline-block;
top: 2px;
}
.sidebar__hotel-details-list>li>.icon>span {
position: relative;
display: inline-block;
font-size: 26px;
color: var(--thm-base);
}
.sidebar__hotel-details-list>li>.content {
margin-left: 15px;
}
.sidebar__hotel-details-list>li>.content>h4 {
font-size: 16px;
font-weight: 600;
line-height: 22px;
}
.sidebar__hotel-details-list>li>.content>p {
font-size: 12px;
font-weight: 500;
line-height: 20px;
}
.sidebar__hotel-btn-box {
position: relative;
display: block;
margin-top: 35px;
}
.sidebar__hotel-btn {
padding: 16px 25px 16px;
background-color: rgba(var(--thm-base-rgb), .40);
}
.sidebar__hotel-btn::before {
background: var(--thm-base);
}
.sidebar__hotel-btn::after {
background: var(--thm-black);
}
.sidebar__faq {
position: relative;
display: block;
margin-top: 32px;
}
.sidebar__faq-accrodion {
position: relative;
display: block;
padding: 35px 35px 35px;
background-color: var(--thm-primary);
border-radius: 15px;
}
.sidebar__faq .accrodion {
position: relative;
display: block;
border-radius: 10px;
background-color: var(--thm-white);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.sidebar__faq .accrodion-title {
position: relative;
display: block;
cursor: pointer;
padding: 15px 20px 15px;
border-radius: 10px;
transition: all 200ms linear;
transition-delay: 0.1s;
}
.sidebar__faq .accrodion-title h4 {
margin: 0;
font-size: 16px;
font-weight: 600;
line-height: 20px;
position: relative;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.sidebar__faq .accrodion+.accrodion {
margin-top: 20px;
}
.sidebar__faq .accrodion-title h4::before {
content: "\e922";
font-family: 'icomoon' !important;
font-weight: 700;
font-size: 16px;
color: var(--thm-gray);
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.sidebar__faq .accrodion.active .accrodion-title h4::before {
content: "\e922";
color: var(--thm-base);
transform: rotate(90deg);
}
.sidebar__faq .accrodion-content {
position: relative;
padding-bottom: 21px;
margin-left: 20px;
margin-right: 29px;
margin-top: -6px;
border-top: 1px solid #e5e7e8;
padding-top: 3px;
}
.sidebar__faq .accrodion-content p {
margin: 0;
line-height: 24px;
font-size: 14px;
} .event-listing-v1 {
position: relative;
display: block;
padding: 120px 0 120px;
z-index: 1;
}
.event-listing-v1 .container {
max-width: 1200px;
}
.event-listing-v1__main-tab-box {
position: relative;
display: block;
}
.event-listing-v1__button-box {
position: relative;
display: block;
max-width: 990px;
width: 100%;
margin: 0 auto;
}
.event-listing-v1__main-tab-box .tab-buttons {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px;
}
.event-listing-v1__main-tab-box .tab-buttons .tab-btn {
position: relative;
padding-left: 5px;
padding-right: 5px;
flex: 0 0 25%;
max-width: 25%;
width: 100%;
}
.event-listing-v1__main-tab-box .tab-buttons .tab-btn .event-listing-v1__tab-btn-content {
border: 1px solid #e5e7e8;
position: relative;
display: block;
text-align: center;
cursor: pointer;
padding: 14px 0px 16px;
transition: all 200ms linear;
transition-delay: 0.1s;
transition: all 0.3s ease;
z-index: 1;
}
.event-listing-v1__main-tab-box .tab-buttons .tab-btn.active-btn .event-listing-v1__tab-btn-content {
border: 1px solid var(--thm-base);
}
.event-listing-v1__main-tab-box .tab-buttons .tab-btn .event-listing-v1__tab-btn-content:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 0%;
content: "";
background-color: var(--thm-base);
transition: all 0.3s ease;
z-index: -1;
}
.event-listing-v1__main-tab-box .tab-buttons .tab-btn.active-btn .event-listing-v1__tab-btn-content:before {
height: 100%;
}
.event-listing-v1__main-tab-box .tab-buttons .tab-btn .event-listing-v1__tab-btn-content::after {
content: "";
position: absolute;
bottom: -18px;
left: 50%;
transform: translateX(-50%);
border-top: 18px solid var(--thm-base);
border-left: 12px solid transparent;
border-right: 12px solid transparent;
opacity: 0;
transition: all 0.3s ease;
}
.event-listing-v1__main-tab-box .tab-buttons .tab-btn.active-btn .event-listing-v1__tab-btn-content::after {
opacity: 1;
}
.event-listing-v1__main-tab-box .tab-btn .event-listing-v1__tab-btn-content p {
font-weight: 500;
letter-spacing: 0.025em;
color: var(--thm-black);
transition: all 0.3s ease;
}
.event-listing-v1__main-tab-box .tab-buttons .tab-btn.active-btn .event-listing-v1__tab-btn-content p {
color: var(--thm-white);
}
.event-listing-v1__main-tab-box .tabs-content {
position: relative;
display: block;
margin-top: 58px;
}
.event-listing-v1__main-tab-box .tabs-content .tab {
position: relative;
display: none;
-webkit-transform: translateY(35px);
-ms-transform: translateY(35px);
transform: translateY(35px);
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
z-index: 10;
}
.event-listing-v1__main-tab-box .tabs-content .tab.active-tab {
display: block;
margin-top: 0px;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.event-listing-v1__tab-content-single {
position: relative;
display: flex;
align-items: center;
margin-bottom: 30px;
}
.event-listing-v1__tab-content-img-box {
position: relative;
display: block;
z-index: 1;
}
.event-listing-v1__tab-content-img {
position: relative;
display: block;
width: 200px;
border-radius: 100px;
overflow: hidden;
z-index: 1;
}
.event-listing-v1__tab-content-img:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
border-radius: 100px;
background-color: rgba(var(--thm-black-rgb), .40);
transform: scale(0);
transform-origin: center;
transform-style: preserve-3d;
transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
z-index: 1;
}
.event-listing-v1__tab-content-single:hover .event-listing-v1__tab-content-img:before {
transform: scaleX(1);
}
.event-listing-v1__tab-content-img img {
width: 100%;
border-radius: 100px;
transition: all 500ms ease;
transform: scale(1);
}
.event-listing-v1__tab-content-single:hover .event-listing-v1__tab-content-img img {
transform: scale(1.05);
}
.event-listing-v1__tab-content--content {
position: relative;
display: block;
padding-left: 130px;
border-radius: 15px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 50px 0px rgba(4, 23, 26, 0.07);
margin-left: -100px;
padding-top: 42px;
padding-bottom: 37px;
padding-right: 39px;
}
.event-listing-v1__date {
position: absolute;
top: 45px;
right: 45px;
}
.event-listing-v1__date p {
font-size: 16px;
font-weight: 500;
line-height: 20px;
background-color: var(--thm-base);
text-align: center;
color: var(--thm-white);
position: relative;
width: 60px;
border-radius: 10px;
padding: 12px 5px 9px;
z-index: 1;
}
.event-listing-v1__tab-content-meta {
position: relative;
display: block;
margin-right: 20px;
}
.event-listing-v1__tab-content-meta li {
position: relative;
display: block;
}
.event-listing-v1__tab-content-meta li+li {
border-top: 2px solid #f0f1f2;
padding-top: 6px;
margin-top: 7px;
}
.event-listing-v1__tab-content-meta li p {
font-size: 14px;
line-height: 24px;
letter-spacing: 0.1em;
}
.event-listing-v1__tab-content-meta li p span {
color: var(--thm-base);
margin-right: 10px;
}
.event-listing-v1__tab-content-title {
font-size: 24px;
font-weight: 600;
line-height: 30px;
margin-top: 28px;
margin-bottom: 10px;
}
.event-listing-v1__tab-content-title a {
color: var(--thm-black);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.event-listing-v1__tab-content-title a:hover {
color: var(--thm-base);
}
.event-listing-v1__tab-content-name {
position: relative;
display: flex;
align-items: center;
font-size: 14px;
color: var(--thm-gray);
margin-top: 7px;
}
.event-listing-v1__tab-content-name>i {
color: var(--thm-base);
}
.event-listing-v1__tab-content-name>span {
font-weight: 500;
color: var(--thm-black);
position: relative;
margin-left: 8px;
margin-right: 5px;
}
.event-listing-v1__btn-box {
position: relative;
display: block;
text-align: center;
margin-top: 40px;
}
.event-listing-v1__btn {
padding: 24px 35px 23px;
background-color: rgba(var(--thm-base-rgb), .40);
}
.event-listing-v1__btn::before {
background: var(--thm-base);
}
.event-listing-v1__btn::after {
background: var(--thm-black);
} .event-listing-v2 {
position: relative;
display: block;
padding: 120px 0 120px;
z-index: 1;
}
.event-listing-v2 .container {
max-width: 1200px;
}
.event-listing-v2__main-tab-box .tabs-content {
position: relative;
display: block;
margin-top: 88px;
}
.tabs-content__inner {
position: relative;
display: block;
}
.tabs-content__inner::before {
content: "";
position: absolute;
top: -20px;
left: 50%;
bottom: 40px;
width: 2px;
background-color: #dadcdd;
}
.tabs-content__inner-shape-1 {
position: absolute;
left: 50.1%;
top: -30px;
width: 10px;
height: 10px;
background-color: #dadcdd;
border-radius: 50%;
transform: translateX(-50.1%);
}
.tabs-content__inner-shape-2 {
position: absolute;
left: 50.1%;
bottom: 30px;
width: 10px;
height: 10px;
background-color: #dadcdd;
border-radius: 50%;
transform: translateX(-50.1%);
}
.tabs-content__inner .row {
--bs-gutter-x: 110px;
}
.event-listing-v2__tab-content-img-box {
position: relative;
display: block;
margin-top: 20px;
margin-bottom: 60px;
}
.event-listing-v2__tab-content-img-box::before {
content: "";
position: absolute;
top: -20px;
left: 0;
right: -55px;
height: 2px;
background-color: #dadcdd;
}
.event-listing-v2__tab-content-img-box-2::before {
left: -55px;
right: -0px;
}
.event-listing-v2__tab-content-img {
position: relative;
display: block;
overflow: hidden;
border-radius: 15px;
}
.event-listing-v2__tab-content-img:before {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
height: 50%;
background: var(--thm-black);
opacity: 0.3;
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .5s;
transition-property: all;
opacity: 1;
transform-origin: top;
transform-style: preserve-3d;
transform: scaleY(0);
z-index: 1;
}
.event-listing-v2__tab-content-img-box:hover .event-listing-v2__tab-content-img:before {
opacity: 0.30;
transform: scaleY(1.0);
}
.event-listing-v2__tab-content-img::after {
position: absolute;
content: "";
bottom: 0;
left: 0;
right: 0;
height: 50%;
background: var(--thm-black);
opacity: 0.3;
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .5s;
transition-property: all;
opacity: 1;
transform-origin: bottom;
transform-style: preserve-3d;
transform: scaleY(0);
z-index: 1;
}
.event-listing-v2__tab-content-img-box:hover .event-listing-v2__tab-content-img::after {
opacity: 0.30;
transform: scaleY(1.0);
}
.event-listing-v2__tab-content-img img {
width: 100%;
border-radius: 15px;
transform: scale(1.0);
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .7s;
transition-property: all;
}
.event-listing-v2__tab-content-img-box:hover .event-listing-v2__tab-content-img img {
transform: scale(1.2) rotate(1deg);
}
.event-listing-v2__tab-content--content {
position: relative;
display: block;
padding-left: 40px;
border-radius: 15px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 50px 0px rgba(4, 23, 26, 0.07);
padding-top: 44px;
padding-bottom: 39px;
padding-right: 39px;
}
.event-listing-v2__date {
position: absolute;
top: 45px;
right: 65px;
}
.event-listing-v2__date p {
font-size: 16px;
font-weight: 500;
line-height: 20px;
background-color: var(--thm-base);
text-align: center;
color: var(--thm-white);
position: relative;
min-width: 60px;
border-radius: 10px;
padding: 12px 5px 9px;
z-index: 1;
}
.event-listing-v2__tab-content-meta {
position: relative;
display: block;
margin-right: 40px;
}
.event-listing-v2__tab-content-meta li {
position: relative;
display: block;
}
.event-listing-v2__tab-content-meta li+li {
border-top: 2px solid #f0f1f2;
padding-top: 6px;
margin-top: 7px;
}
.event-listing-v2__tab-content-meta li p {
font-size: 14px;
line-height: 24px;
letter-spacing: 0.1em;
}
.event-listing-v2__tab-content-meta li p span {
color: var(--thm-base);
margin-right: 10px;
}
.event-listing-v2__tab-content-title {
font-size: 24px;
font-weight: 600;
line-height: 30px;
margin-top: 28px;
margin-bottom: 10px;
}
.event-listing-v2__tab-content-title a {
color: var(--thm-black);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.event-listing-v2__tab-content-title a:hover {
color: var(--thm-base);
}
.event-listing-v2__tab-content-name {
position: relative;
display: flex;
align-items: center;
font-size: 14px;
color: var(--thm-gray);
margin-top: 7px;
}
.event-listing-v2__tab-content-name>i {
color: var(--thm-base);
}
.event-listing-v2__tab-content-name>span {
font-weight: 500;
color: var(--thm-black);
position: relative;
margin-left: 8px;
margin-right: 5px;
}
.event-listing-v2__btn-box {
position: relative;
display: block;
text-align: center;
margin-top: 20px;
}
.event-listing-v2__btn {
padding: 24px 35px 23px;
background-color: rgba(var(--thm-base-rgb), .40);
}
.event-listing-v2__btn::before {
background: var(--thm-base);
}
.event-listing-v2__btn::after {
background: var(--thm-black);
} .event-listing-v3 {
position: relative;
display: block;
padding: 120px 0 120px;
z-index: 1;
}
.event-listing-v3__main-tab-box .tabs-content {
position: relative;
display: block;
margin-top: 68px;
}
.event-listing-v3__tab-content-single {
position: relative;
display: block;
border-radius: 15px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 50px 0px rgba(4, 23, 26, 0.07);
margin-bottom: 30px;
}
.event-listing-v3__tab-content-img-box {
position: relative;
display: block;
z-index: 1;
}
.event-listing-v3__tab-content-img-box::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: -6px;
background-color: var(--thm-base);
border-radius: 15px;
z-index: -1;
}
.event-listing-v3__tab-content-img {
position: relative;
display: block;
border-radius: 15px;
overflow: hidden;
}
.event-listing-v3__tab-content-img:before {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
height: 50%;
background: var(--thm-black);
opacity: 0.3;
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .5s;
transition-property: all;
opacity: 1;
transform-origin: top;
transform-style: preserve-3d;
transform: scaleY(0);
z-index: 1;
}
.event-listing-v3__tab-content-img-box:hover .event-listing-v3__tab-content-img:before {
opacity: 0.30;
transform: scaleY(1.0);
}
.event-listing-v3__tab-content-img::after {
position: absolute;
content: "";
bottom: 0;
left: 0;
right: 0;
height: 50%;
background: var(--thm-black);
opacity: 0.3;
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .5s;
transition-property: all;
opacity: 1;
transform-origin: bottom;
transform-style: preserve-3d;
transform: scaleY(0);
z-index: 1;
}
.event-listing-v3__tab-content-img-box:hover .event-listing-v3__tab-content-img::after {
opacity: 0.30;
transform: scaleY(1.0);
}
.event-listing-v3__tab-content-img img {
width: 100%;
border-radius: 15px;
transform: scale(1.0);
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .7s;
transition-property: all;
}
.event-listing-v3__tab-content-img-box:hover .event-listing-v3__tab-content-img img {
transform: scale(1.2) rotate(1deg);
}
.event-listing-v3__tab-content--content {
position: relative;
display: block;
padding: 33px 30px 27px;
}
.event-listing-v3__tab-content-date {
position: absolute;
top: 0;
right: 40px;
}
.event-listing-v3__tab-content-date p {
font-size: 16px;
font-weight: 500;
text-align: center;
background-color: var(--thm-base);
min-width: 70px;
color: var(--thm-white);
line-height: 20px;
padding: 17px 5px 9px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.event-listing-v3__tab-content-meta {
position: relative;
display: block;
}
.event-listing-v3__tab-content-meta li {
position: relative;
display: block;
}
.event-listing-v3__tab-content-meta li+li {
margin-top: 6px;
}
.event-listing-v3__tab-content-meta li p {
font-size: 14px;
line-height: 24px;
letter-spacing: 0.1em;
position: relative;
display: flex;
align-items: center;
}
.event-listing-v3__tab-content-meta li p span {
color: var(--thm-base);
margin-right: 7px;
}
.event-listing-v3__tab-content-title {
font-size: 24px;
font-weight: 600;
line-height: 30px;
margin-top: 15px;
margin-bottom: 5px;
}
.event-listing-v3__tab-content-title a {
color: var(--thm-black);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.event-listing-v3__tab-content-title a:hover {
color: var(--thm-base);
}
.event-listing-v3__btn-box {
position: relative;
display: block;
margin-top: 40px;
text-align: center;
} .event-five {
position: relative;
display: block;
padding: 120px 0 90px;
z-index: 1;
}
.event-five__left {
position: relative;
display: block;
margin-right: 20px;
}
.event-five__event-list {
position: relative;
display: block;
}
.event-five__event-list>li {
position: relative;
display: flex;
align-items: center;
background-color: rgb(255, 255, 255);
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
margin-bottom: 30px;
}
.event-five__img {
position: relative;
display: block;
}
.event-five__img img {
width: auto;
max-width: none;
}
.event-five__date {
position: absolute;
bottom: 0;
right: -20px;
background-color: var(--thm-base);
display: flex;
align-items: center;
justify-content: center;
min-width: 65px;
padding:15px;
text-align: center;
}
.event-five__date p {
font-size: 14px;
font-weight: 700;
line-height: 17px;
color: var(--thm-white);
text-transform: uppercase;
}
.event-five__content {
position: relative;
display: block;
margin-left: 40px;
flex: 1;
}
.event-five__tag {
position: relative;
display: inline-block;
font-size: 14px;
font-weight: 500;
background-color: #f3f3f3;
line-height: 20px;
padding: 9px 24px 11px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.event-five__tag:hover {
background-color: var(--thm-base);
color: var(--thm-white);
}
.event-five__meta {
position: relative;
display: flex;
align-items: center;
margin-top: 13px;
margin-bottom: 5px;
}
.event-five__meta>li+li {
margin-left: 10px;
}
.event-five__meta>li>p {
font-size: 14px;
}
.event-five__meta>li>p>span {
color: var(--thm-base);
margin-right: 8px;
}
.event-five__title {
font-size: 24px;
font-weight: 700;
line-height: 34px;
}
.event-five__title a {
color: var(--thm-black);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.event-five__title a:hover {
color: var(--thm-base);
}
.event-five__right {
position: relative;
display: block;
margin-right: -315px;
}
.event-five__google-map-outer {
position: relative;
display: block;
}
.event-five__google-map {
position: relative;
display: block;
width: 100%;
height: 678px;
}