.main-footer {
position: relative;
display: block;
background-color: var(--thm-black);
padding: 100px 0 40px;
overflow: hidden;
z-index: 1;
}
.main-footer__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.05;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: -1;
}
.main-footer__shape-1 {
position: absolute;
top: 80px;
left: 0;
z-index: -1;
}
.main-footer__shape-1 img {
width: auto;
}
.main-footer__shape-2 {
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
}
.main-footer__shape-2 img {
width: auto;
}
.main-footer__shape-3 {
position: absolute;
top: -320px;
right: 0;
z-index: -1;
}
.main-footer__shape-3 img {
width: auto;
}
.main-footer__shape-4 {
position: absolute;
bottom: 0;
right: 0;
z-index: -1;
}
.main-footer__shape-4 img {
width: auto;
}
.main-footer__top {
position: relative;
display: block;
padding-bottom: 91px;
}
.footer-widget__about {
position: relative;
display: block;
margin-right: 25px;
}
.footer-widget__logo {
position: relative;
display: block;
margin-bottom: 12px;
}
.footer-widget__about-text {
color: #adafae;
margin-top: 24px;
margin-bottom: 34px;
}
.site-footer__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.site-footer__social a {
position: relative;
height: 45px;
min-width: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
color: var(--thm-white);
background-color: transparent;
font-size: 15px;
border-radius: 50%;
overflow: hidden;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
z-index: 1;
}
.site-footer__social a:hover {
color: var(--thm-base);
background-color: var(--thm-white);
}
.site-footer__social a:after {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
height: 100%;
background-color: var(--thm-white);
-webkit-transition-delay: .1s;
transition-delay: .1s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-webkit-transition-duration: .4s;
transition-duration: .4s;
-webkit-transition-property: all;
transition-property: all;
opacity: 1;
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: scaleY(0);
transform: scaleY(0);
z-index: -1;
}
.site-footer__social a:hover:after {
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.site-footer__social a+a {
margin-left: 17px;
}
.footer-widget__link {
position: relative;
display: block;
}
.footer-widget__title-box,
.footer-widget h2 {
position: relative;
display: inline-block;
margin-bottom: 30px;
}
.footer-widget__title,
.footer-widget h2 {
font-size: 24px;
font-weight: 600;
line-height: 34px;
color: var(--thm-white);
position: relative;
display: inline-block;
border: 1px solid #435153;
padding: 6px 25px 8px;
border-radius: 25px;
}
.footer-widget__link-box {
position: relative;
display: flex;
}
.footer-widget__link-list {
position: relative;
display: block;
}
.footer-widget__link-list li {
position: relative;
display: block;
}
.footer-widget__link-list li+li {
margin-top: 20px;
}
.footer-widget__link-list li a {
color: #adafae;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.footer-widget__link-list li a:hover {
color: var(--thm-base);
}
.footer-widget__link-list-2 {
margin-left: 35px;
}
.footer-widget__newsletter {
position: relative;
display: block;
margin-left: 21px;
margin-right: 95px;
}
.footer-widget__newsletter-text {
color: #adafae;
letter-spacing: -0.02em;
line-height: 26px;
}
.footer-widget__newsletter-form-input-box {
position: relative;
display: block;
margin-top: 30px;
}
.footer-widget__newsletter-form-input-box input[type="email"] {
font-size: 16px;
height: 55px;
width: 100%;
background-color: rgba(var(--thm-white-rgb), 0.06);
outline: none;
color: #adafae;
font-weight: 400;
border: none;
padding-right: 70px;
padding-left: 20px;
}
.footer-widget__newsletter-btn {
position: absolute;
top: 5px;
right: 5px;
bottom: 5px;
border: none;
width: 45px;
background-color: var(--thm-base);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
display: flex;
align-items: center;
justify-content: center;
}
.footer-widget__newsletter-btn:hover {
background-color: var(--thm-white);
}
.footer-widget__newsletter-btn span {
position: relative;
display: inline-block;
font-size: 16px;
color: var(--thm-white);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.footer-widget__newsletter-btn:hover span {
color: var(--thm-base);
}
.footer-widget__event {
position: relative;
display: block;
margin-left: -40px;
}
.footer-widget__event-list {
position: relative;
display: block;
}
.footer-widget__event-list li {
position: relative;
display: flex;
}
.footer-widget__event-list li+li {
margin-top: 24px;
}
.footer-widget__event-list li .icon {
position: relative;
display: inline-block;
}
.footer-widget__event-list li .icon span {
position: relative;
display: inline-block;
font-size: 12px;
color: var(--thm-base);
}
.footer-widget__event-list li p {
letter-spacing: -0.02em;
margin-left: 15px;
color: #adafae;
}
.footer-widget__event-list li p a {
color: #adafae;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.footer-widget__event-list li p a:hover {
color: var(--thm-base);
}
.footer-widget__event-open-hour {
position: relative;
display: block;
margin-top: 20px;
}
.footer-widget__event-open-hour h3 {
font-size: 20px;
font-weight: 500;
line-height: 30px;
font-family: var(--thm-font);
color: var(--thm-white);
}
.footer-widget__event-open-hour p {
letter-spacing: -0.02em;
color: #adafae;
}
.main-footer__bottom {
position: relative;
display: block;
}
.main-footer__bottom-inner {
position: relative;
display: block;
text-align: center;
background-color: rgba(var(--thm-white-rgb), 0.06);
padding: 15px 0 17px;
border-radius: 30px;
}
.main-footer__bottom-text {
font-size: 18px;
line-height: 28px;
letter-spacing: 0.050em;
color: #adafae;
} .main-footer-two {
position: relative;
display: block;
background-color: var(--thm-black);
overflow: hidden;
z-index: 1;
}
.main-footer-two__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.03;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: -1;
}
.main-footer-two__shape-1 {
position: absolute;
left: 0;
top: 80px;
z-index: -1;
}
.main-footer-two__shape-1 img {
width: auto;
}
.main-footer-two__shape-2 {
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
}
.main-footer-two__shape-2 img {
width: auto;
}
.main-footer-two__shape-3 {
position: absolute;
right: 0;
bottom: 0;
z-index: -1;
}
.main-footer-two__shape-3 img {
width: auto;
}
.main-footer-two .container {
max-width: 1200px;
}
.main-footer-two__top {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
background-color: rgba(var(--thm-white-rgb), .10);
padding: 40px 60px 40px;
}
.main-footer-two__logo {
position: relative;
display: block;
}
.main-footer-two__subscribe-box {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
max-width: 785px;
width: 100%;
}
.main-footer-two__subscribe-box::before {
content: "";
position: absolute;
top: 0;
left: -30px;
bottom: 0;
width: 1px;
background-color: rgba(var(--thm-white-rgb), .10);
}
.footer-widget-two__subscribe-title {
font-size: 20px;
font-weight: 700;
line-height: 30px;
letter-spacing: -0.04em;
color: var(--thm-white);
margin-right: 30px;
}
.footer-widget-two__subscribe-form {
position: relative;
display: block;
max-width: 540px;
width: 100%;
}
.footer-widget-two__subscribe-form-input-box {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-widget-two__subscribe-form-input-box input[type="email"] {
font-size: 14px;
height: 55px;
max-width: 352px;
width: 100%;
background-color: var(--thm-white);
outline: none;
color: var(--thm-gray);
font-weight: 400;
border: none;
padding-right: 30px;
padding-left: 30px;
}
.footer-widget-two__subscribe-btn {
position: relative;
display: block;
font-size: 16px;
font-weight: 700;
line-height: 26px;
color: var(--thm-white);
font-family: var(--thm-font-two);
padding: 14px 50px 15px;
background-color: var(--thm-base);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.footer-widget-two__subscribe-btn:hover {
color: var(--thm-base);
background-color: var(--thm-white);
}
.main-footer-two__middle {
position: relative;
display: block;
padding: 72px 0 80px;
}
.footer-widget-two__title-box {
position: relative;
display: block;
margin-bottom: 24px;
}
.footer-widget-two__title {
font-size: 20px;
font-weight: 700;
line-height: 30px;
color: var(--thm-white);
letter-spacing: -0.02em;
}
.footer-widget-two__contact {
position: relative;
display: block;
}
.footer-widget-two__contact-text {
color: #777777;
letter-spacing: -0.02em;
}
.footer-widget-two__contact-list {
position: relative;
display: block;
margin-top: 24px;
margin-bottom: 23px;
}
.footer-widget-two__contact-list li {
position: relative;
display: flex;
align-items: center;
}
.footer-widget-two__contact-list li+li {
margin-top: 2px;
}
.footer-widget-two__contact-list li .icon {
position: relative;
display: inline-block;
top: 2px;
margin-right: 12px;
}
.footer-widget-two__contact-list li .icon span {
position: relative;
display: inline-block;
font-size: 16px;
color: var(--thm-base);
}
.footer-widget-two__contact-list li p {
font-weight: 700;
letter-spacing: -0.02em;
}
.footer-widget-two__contact-list li p a {
color: var(--thm-white);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.footer-widget-two__contact-list li p a:hover {
color: var(--thm-base);
}
.footer-widget-two__social {
position: relative;
display: flex;
align-items: center;
}
.footer-widget-two__social a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
font-size: 16px;
color: var(--thm-white);
border-radius: 50%;
background-color: rgba(var(--thm-white-rgb), .10);
overflow: hidden;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
z-index: 1;
}
.footer-widget-two__social a:hover {
color: var(--thm-base);
background-color: var(--thm-white);
}
.footer-widget-two__social a:after {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
height: 100%;
background-color: var(--thm-white);
-webkit-transition-delay: .1s;
transition-delay: .1s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-webkit-transition-duration: .4s;
transition-duration: .4s;
-webkit-transition-property: all;
transition-property: all;
opacity: 1;
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: scaleY(0);
transform: scaleY(0);
z-index: -1;
}
.footer-widget-two__social a:hover:after {
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.footer-widget-two__social a+a {
margin-left: 10px;
}
.footer-widget-two__link {
position: relative;
display: block;
}
.footer-widget-two__link-box {
position: relative;
display: block;
}
.footer-widget-two__link-list {
position: relative;
display: block;
}
.footer-widget-two__link-list li {
position: relative;
display: block;
}
.footer-widget-two__link-list li+li {
margin-top: 10px;
}
.footer-widget-two__link-list li a {
color: #777777;
letter-spacing: -0.02em;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.footer-widget-two__link-list li a:hover {
color: var(--thm-base);
}
.footer-widget-two__event {
position: relative;
display: block;
}
.footer-widget-two__explore {
position: relative;
display: block;
}
.footer-widget-two__gallery {
position: relative;
display: block;
margin-left: -5px;
}
.footer-widget-two__gallery .footer-widget-two__title-box {
margin-bottom: 32px;
}
.footer-widget-two__gallery-list {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
margin-right: -7.5px;
margin-left: -7.5px;
}
.footer-widget-two__gallery-list li {
position: relative;
display: inline-block;
padding-left: 7.5px;
padding-right: 7.5px;
margin-bottom: 15px;
}
.footer-widget-two__gallery-list li:nth-child(4) {
margin-bottom: 0;
}
.footer-widget-two__gallery-list li:nth-child(5) {
margin-bottom: 0;
}
.footer-widget-two__gallery-list li:nth-child(6) {
margin-bottom: 0;
}
.footer-widget-two__gallery-img {
position: relative;
display: block;
overflow: hidden;
width: 80px;
z-index: 1;
}
.footer-widget-two__gallery-img:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: "";
background-color: rgba(var(--thm-black-rgb), .70);
transition: all 700ms ease;
transform: translateY(-100%);
z-index: 1;
}
.footer-widget-two__gallery-list li:hover .footer-widget-two__gallery-img:before {
transform: translateY(0%);
}
.footer-widget-two__gallery-img img {
width: 100%;
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .7s;
transition-property: all;
}
.footer-widget-two__gallery-list li:hover .footer-widget-two__gallery-img img {
transform: scale(1.1) rotate(2deg);
}
.footer-widget-two__gallery-img a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: var(--thm-white);
transform: translateY(100px);
opacity: 0;
transition: all 700ms ease;
z-index: 2;
}
.footer-widget-two__gallery-list li:hover .footer-widget-two__gallery-img a {
transform: translateY(0px);
opacity: 1;
transition-delay: 0.3s;
}
.footer-widget-two__gallery-list li .footer-widget-two__gallery-img a:hover {
color: var(--thm-base);
}
.main-footer-two__bottom {
position: relative;
display: block;
}
.main-footer-two__bottom-inner {
position: relative;
display: block;
text-align: center;
border-top: 1px solid rgba(var(--thm-white-rgb), .20);
padding: 32px 0 35px;
}
.main-footer-two__bottom-text {
color: #777777;
letter-spacing: -0.02em;
}
.main-footer-two__bottom-text a {
color: #777777;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.main-footer-two__bottom-text a:hover {
color: var(--thm-base);
}