1914 lines
36 KiB
CSS
1914 lines
36 KiB
CSS
/***
|
|
=============================================
|
|
Footer area style
|
|
=============================================
|
|
***/
|
|
.bottom-parallax {
|
|
position: relative;
|
|
height: 860px;
|
|
opacity: 0;
|
|
z-index: -999;
|
|
}
|
|
|
|
.bottom-parallax .footer-style1 {
|
|
position: fixed;
|
|
left: 0px;
|
|
bottom: 0px;
|
|
right: 0px;
|
|
height: 860px;
|
|
}
|
|
|
|
.parallax-visible .bottom-parallax {
|
|
opacity: 1;
|
|
z-index: 1;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/***
|
|
=============================================
|
|
Footer style1 Css
|
|
=============================================
|
|
***/
|
|
.footer-style1 {
|
|
position: relative;
|
|
display: block;
|
|
background: var(--thm-black-bg);
|
|
overflow: hidden;
|
|
padding: 140px 0px 0px;
|
|
z-index: 10;
|
|
}
|
|
|
|
.footer-top {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.our-company-info {
|
|
position: relative;
|
|
display: block;
|
|
padding: 22px 0px 22px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.our-company-info__bg {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
z-index: -1;
|
|
}
|
|
|
|
.our-company-info__inner {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
flex-wrap: wrap;
|
|
width: 330px;
|
|
height: 330px;
|
|
background: var(--thm-black-bg);
|
|
border: 1px solid #29282c;
|
|
border-radius: 50%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.footer-logo-style1 {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.footer-logo-style1 a {
|
|
position: relative;
|
|
display: inline-block;
|
|
color: var(--thm-primary-color);
|
|
}
|
|
|
|
.footer-logo-style1 a span {
|
|
position: relative;
|
|
display: inline-block;
|
|
font-size: 55px;
|
|
line-height: 55px;
|
|
}
|
|
|
|
.footer-logo-style1 h2 {
|
|
font-size: 32px;
|
|
line-height: 42px;
|
|
margin-top: 11px;
|
|
}
|
|
|
|
.footer-logo-style1 h2 a {
|
|
color: var(--thm-white);
|
|
}
|
|
|
|
.footer-logo-style1 h2 a:hover {
|
|
color: var(--thm-primary-color);
|
|
}
|
|
|
|
.our-company-info__inner .text {
|
|
position: relative;
|
|
display: block;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.our-company-info__inner .text p {
|
|
color: #a3a0a7;
|
|
margin: 0;
|
|
}
|
|
|
|
.our-company-info__inner .btn-box {
|
|
position: relative;
|
|
display: block;
|
|
margin-top: 23px;
|
|
}
|
|
|
|
.our-company-info__inner .btn-box a {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: var(--thm-white);
|
|
width: 55px;
|
|
height: 55px;
|
|
background: transparent;
|
|
border: 1px solid #242226;
|
|
border-radius: var(--thm-border-radius);
|
|
transition: all 500ms ease;
|
|
z-index: 1;
|
|
}
|
|
|
|
.our-company-info__inner .btn-box a:before {
|
|
position: absolute;
|
|
content: '';
|
|
left: -1px;
|
|
top: -1px;
|
|
bottom: -1px;
|
|
right: -1px;
|
|
background: var(--thm-primary-color);
|
|
transform: scale(0.6);
|
|
opacity: 0;
|
|
z-index: -1;
|
|
border-radius: var(--thm-border-radius);
|
|
transition: all 500ms ease;
|
|
}
|
|
|
|
.our-company-info__inner .btn-box a:hover:before {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
|
|
.our-company-info__inner .btn-box a span {
|
|
position: relative;
|
|
display: inline-block;
|
|
font-size: 35px;
|
|
line-height: 35px;
|
|
}
|
|
|
|
|
|
|
|
|
|
.footer-widget-newsletter-box {
|
|
position: relative;
|
|
display: block;
|
|
background: #201f23;
|
|
padding: 31px 50px 40px;
|
|
border-radius: 20px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.footer-widget-newsletter-box .icon-box {
|
|
position: absolute;
|
|
right: 70px;
|
|
bottom: -30px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.footer-widget-newsletter-box h3 {
|
|
color: var(--thm-white);
|
|
font-size: 24px;
|
|
line-height: 34px;
|
|
margin-bottom: 26px;
|
|
}
|
|
|
|
.footer-widget-newsletter-box p {
|
|
color: #a3a0a7;
|
|
margin: 0;
|
|
}
|
|
|
|
.footer-widget-newsletter-box .form-group {
|
|
position: relative;
|
|
display: block;
|
|
margin-top: 33px;
|
|
}
|
|
|
|
.footer-widget-newsletter-box .form-group input[type='email'] {
|
|
position: relative;
|
|
display: block;
|
|
width: 100%;
|
|
height: 60px;
|
|
color: #a3a0a7;
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
background: transparent;
|
|
border: 1px solid #353438;
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
border-radius: var(--thm-border-radius);
|
|
}
|
|
|
|
.footer-widget-newsletter-box .form-group .btn-one {
|
|
position: relative;
|
|
display: block;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
|
|
|
|
|
|
.footer-main {
|
|
position: relative;
|
|
display: block;
|
|
padding: 120px 0px 90px;
|
|
}
|
|
|
|
.single-footer-widget {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.single-footer-widget .title,
|
|
.footer-widget h2 {
|
|
position: relative;
|
|
display: block;
|
|
margin-top: -3px;
|
|
border-bottom: 1px solid #29282c;
|
|
padding-bottom: 28px;
|
|
}
|
|
|
|
.single-footer-widget .title h3,
|
|
.footer-widget h2 {
|
|
color: var(--thm-white);
|
|
font-size: 21px;
|
|
line-height: 21px;
|
|
margin-bottom: 31px;
|
|
}
|
|
|
|
.single-footer-widget--link-box {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.footer-widget-links {
|
|
position: relative;
|
|
display: block;
|
|
overflow: hidden;
|
|
padding-top: 33px;
|
|
}
|
|
|
|
.footer-widget-links ul {
|
|
position: relative;
|
|
display: block;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.footer-widget-links ul li {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.footer-widget-links ul li+li {
|
|
margin-top: 11px;
|
|
}
|
|
|
|
.footer-widget-links ul li a {
|
|
position: relative;
|
|
display: inline-block;
|
|
color: #a3a0a7;
|
|
font-size: 16px;
|
|
line-height: 26px;
|
|
font-weight: 400;
|
|
text-transform: capitalize;
|
|
font-family: var(--thm-font);
|
|
transition: all 200ms linear;
|
|
transition-delay: 0.1s;
|
|
}
|
|
|
|
.footer-widget-links ul li a:hover {
|
|
color: var(--thm-primary-color);
|
|
padding-left: 5px;
|
|
}
|
|
|
|
|
|
|
|
.single-footer-widget__blog-post {
|
|
position: relative;
|
|
display: block;
|
|
padding-top: 31px;
|
|
}
|
|
|
|
.single-footer-widget__blog-post ul {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.single-footer-widget__blog-post ul li {
|
|
position: relative;
|
|
display: block;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.single-footer-widget__blog-post ul li:last-child {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.single-footer-widget__blog-post ul li .category {
|
|
position: relative;
|
|
display: inline-block;
|
|
color: var(--thm-primary-color);
|
|
font-size: 14px;
|
|
line-height: 24px;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
margin-bottom: 16px;
|
|
font-family: var(--thm-font-2);
|
|
z-index: 1;
|
|
}
|
|
|
|
.single-footer-widget__blog-post ul li .category::before {
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 3px;
|
|
right: 0;
|
|
height: 8px;
|
|
background: #29282c;
|
|
content: "";
|
|
z-index: -1;
|
|
}
|
|
|
|
.single-footer-widget__blog-post ul li h4 {
|
|
font-size: 16px;
|
|
line-height: 26px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.single-footer-widget__blog-post ul li h4 a {
|
|
color: var(--thm-white);
|
|
}
|
|
|
|
.single-footer-widget__blog-post ul li h4 a:hover {
|
|
color: var(--thm-primary-color);
|
|
}
|
|
|
|
.single-footer-widget__blog-post .btn-box {
|
|
position: relative;
|
|
display: block;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.single-footer-widget__blog-post .btn-box a {
|
|
position: relative;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
color: var(--thm-white);
|
|
font-size: 16px;
|
|
line-height: 26px;
|
|
font-weight: 700;
|
|
text-transform: capitalize;
|
|
font-family: var(--thm-font-2);
|
|
}
|
|
|
|
.single-footer-widget__blog-post .btn-box a:hover {
|
|
color: var(--thm-primary-color);
|
|
}
|
|
|
|
.single-footer-widget__blog-post .btn-box a span {
|
|
position: relative;
|
|
display: inline-block;
|
|
color: var(--thm-primary-color);
|
|
font-size: 30px;
|
|
line-height: 30px;
|
|
padding-right: 3px;
|
|
}
|
|
|
|
|
|
|
|
|
|
.footer-widget-contact-info {
|
|
position: relative;
|
|
display: block;
|
|
padding-top: 40px;
|
|
}
|
|
|
|
.footer-social-link {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.footer-social-link ul {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.footer-social-link ul li {
|
|
position: relative;
|
|
float: left;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.footer-social-link ul li:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.footer-social-link ul li a {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 40px;
|
|
width: 40px;
|
|
background: transparent;
|
|
border: 0px solid #ffffff;
|
|
border-radius: 50%;
|
|
color: #a3a0a7;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
transition: all 200ms linear;
|
|
transition-delay: 0.1s;
|
|
z-index: 1;
|
|
}
|
|
|
|
.footer-social-link ul li a:before {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
bottom: 0px;
|
|
right: 0px;
|
|
background: #201f23;
|
|
border-radius: 50%;
|
|
content: "";
|
|
z-index: -1;
|
|
transform: scale(1);
|
|
transform-style: preserve-3d;
|
|
transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
|
|
}
|
|
|
|
.footer-social-link ul li:hover a:before {
|
|
transform: scale(0);
|
|
}
|
|
|
|
.footer-social-link ul li:hover a {
|
|
color: #ffffff;
|
|
background-color: var(--thm-primary-color);
|
|
}
|
|
|
|
|
|
|
|
|
|
.footer-widget-contact-info .text {
|
|
position: relative;
|
|
display: block;
|
|
margin-top: 33px;
|
|
}
|
|
|
|
.footer-widget-contact-info .text p {
|
|
color: #a3a0a7;
|
|
margin: 0;
|
|
}
|
|
|
|
.footer-widget-contact-info .btn-box {
|
|
position: relative;
|
|
display: block;
|
|
margin-top: 27px;
|
|
}
|
|
|
|
.footer-widget-contact-info .btn-box a {
|
|
position: relative;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
color: var(--thm-white);
|
|
font-size: 16px;
|
|
line-height: 26px;
|
|
font-weight: 700;
|
|
text-transform: capitalize;
|
|
padding-bottom: 7px;
|
|
font-family: var(--thm-font-2);
|
|
}
|
|
|
|
.footer-widget-contact-info .btn-box a::before {
|
|
position: absolute;
|
|
left: 35px;
|
|
bottom: 0;
|
|
right: 0;
|
|
height: 1px;
|
|
background: #29282c;
|
|
transition: all 200ms linear;
|
|
transition-delay: 0.1s;
|
|
content: "";
|
|
}
|
|
|
|
.footer-widget-contact-info .btn-box a:hover::before {
|
|
background: var(--thm-white);
|
|
}
|
|
|
|
.footer-widget-contact-info .btn-box a:hover {
|
|
color: var(--thm-primary-color);
|
|
}
|
|
|
|
.footer-widget-contact-info .btn-box a span {
|
|
position: relative;
|
|
display: inline-block;
|
|
color: var(--thm-primary-color);
|
|
font-size: 25px;
|
|
line-height: 25px;
|
|
top: 2px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
|
|
|
|
.footer-bottom {
|
|
position: relative;
|
|
display: block;
|
|
border-top: 1px solid #29282c;
|
|
padding: 26px 0px 27px;
|
|
}
|
|
|
|
.footer-bottom .bottom-inner {
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.copyright-text {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.copyright-text p {
|
|
color: #ffffff;
|
|
font-size: 16px;
|
|
line-height: 24px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.copyright-text p a {
|
|
color: var(--thm-primary-color);
|
|
font-weight: 500;
|
|
transition: all 300ms ease 100ms;
|
|
}
|
|
|
|
.copyright-text p a:hover {
|
|
color: var(--thm-white);
|
|
}
|
|
|
|
|
|
|
|
.footer-menu {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.footer-menu ul {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.footer-menu ul li {
|
|
position: relative;
|
|
display: block;
|
|
float: left;
|
|
}
|
|
|
|
.footer-menu ul li:before {
|
|
content: "";
|
|
position: absolute;
|
|
right: -18px;
|
|
bottom: 7px;
|
|
width: 3px;
|
|
height: 3px;
|
|
background-color: var(--thm-primary-color);
|
|
}
|
|
|
|
.footer-menu ul li:last-child:before {
|
|
display: none;
|
|
}
|
|
|
|
.footer-menu ul li:after {
|
|
content: "";
|
|
position: absolute;
|
|
left: -18px;
|
|
bottom: 7px;
|
|
width: 3px;
|
|
height: 3px;
|
|
background-color: var(--thm-primary-color);
|
|
}
|
|
|
|
.footer-menu ul li:first-child:after {
|
|
display: none;
|
|
}
|
|
|
|
.footer-menu ul li+li {
|
|
margin-left: 40px;
|
|
}
|
|
|
|
.footer-menu ul li a {
|
|
color: var(--thm-white);
|
|
}
|
|
|
|
.footer-menu ul li a:hover {
|
|
color: var(--thm-primary-color);
|
|
}
|
|
|
|
|
|
|
|
|
|
/***
|
|
=============================================
|
|
Footer style2 Css
|
|
=============================================
|
|
***/
|
|
.footer-style2 {
|
|
position: relative;
|
|
display: block;
|
|
background: var(--thm-black-bg);
|
|
overflow: hidden;
|
|
padding: 140px 0px 0px;
|
|
z-index: 10;
|
|
}
|
|
|
|
.footer-main-style2 {
|
|
position: relative;
|
|
display: block;
|
|
padding: 0px 0px 125px;
|
|
}
|
|
|
|
.footer-style2 .single-footer-widget .title {
|
|
border-bottom: 0px solid #29282c;
|
|
padding-bottom: 31px;
|
|
}
|
|
|
|
.footer-style2 .footer-widget-links {
|
|
padding-top: 0px;
|
|
}
|
|
|
|
|
|
|
|
.footer-widget-contact-info-style2 {
|
|
position: relative;
|
|
display: block;
|
|
margin-top: -4px;
|
|
}
|
|
|
|
.footer-widget-contact-info-style2-top {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.footer-widget-contact-info-style2-top .icon-box {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.footer-widget-contact-info-style2-top .icon-box span {
|
|
position: relative;
|
|
display: inline-block;
|
|
color: var(--thm-primary-color);
|
|
font-size: 60px;
|
|
line-height: 60px;
|
|
}
|
|
|
|
.footer-widget-contact-info-style2-top .title-box {
|
|
position: relative;
|
|
display: block;
|
|
margin-left: 19px;
|
|
}
|
|
|
|
.footer-widget-contact-info-style2-top .title-box h3 {
|
|
color: #a3a4af;
|
|
font-size: 21px;
|
|
line-height: 29px;
|
|
}
|
|
|
|
.footer-widget-contact-info-style2 h2 {
|
|
font-size: 30px;
|
|
line-height: 40px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.footer-widget-contact-info-style2 h2 a {
|
|
color: var(--thm-white);
|
|
}
|
|
|
|
.footer-widget-contact-info-style2 h2 a:hover {
|
|
color: var(--thm-primary-color);
|
|
}
|
|
|
|
|
|
.footer-social-link-style2 {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.footer-social-link-style2 .title-box {
|
|
position: relative;
|
|
display: block;
|
|
margin-top: 35px;
|
|
margin-bottom: 29px;
|
|
}
|
|
|
|
.footer-social-link-style2 .title-box h3 {
|
|
color: var(--thm-white);
|
|
font-size: 21px;
|
|
line-height: 29px;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.footer-social-link-style2 ul {
|
|
position: relative;
|
|
display: block;
|
|
margin-left: -5px;
|
|
margin-right: -5px;
|
|
}
|
|
|
|
.footer-social-link-style2 ul li {
|
|
position: relative;
|
|
display: block;
|
|
float: left;
|
|
padding: 0 5px 10px;
|
|
}
|
|
|
|
.footer-social-link-style2 ul li a {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
width: 180px;
|
|
height: 50px;
|
|
border: 1px solid #2b2c33;
|
|
border-radius: 10px;
|
|
padding: 0px 20px 0px;
|
|
color: #a3a4af;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.footer-social-link-style2 ul li a:hover {
|
|
color: var(--thm-primary-color);
|
|
background: var(--thm-white);
|
|
border-color: var(--thm-white);
|
|
}
|
|
|
|
.footer-social-link-style2 ul li a .text {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.footer-social-link-style2 ul li a .text .txt1 {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0px;
|
|
bottom: 0;
|
|
right: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
text-align: center;
|
|
transform: translateY(40px);
|
|
-webkit-transition: all .3s ease;
|
|
-moz-transition: all .3s ease;
|
|
-ms-transition: all .3s ease;
|
|
-o-transition: all .3s ease;
|
|
transition: all .3s ease;
|
|
font-size: 16px;
|
|
line-height: 26px;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.footer-social-link-style2 ul li a:hover .text .txt1 {
|
|
transform: translateY(0);
|
|
}
|
|
|
|
.footer-social-link-style2 ul li a .text .txt2 {
|
|
position: relative;
|
|
display: block;
|
|
-webkit-transition: all .3s ease;
|
|
-moz-transition: all .3s ease;
|
|
-ms-transition: all .3s ease;
|
|
-o-transition: all .3s ease;
|
|
transition: all .3s ease;
|
|
font-size: 16px;
|
|
line-height: 26px;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.footer-social-link-style2 ul li a:hover .text .txt2 {
|
|
transform: translateY(-40px);
|
|
}
|
|
|
|
.footer-social-link-style2 ul li a .icon {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.footer-social-link-style2 ul li a .icon .first {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
text-align: center;
|
|
transform: translateY(200%);
|
|
-webkit-transition: all .3s ease;
|
|
-moz-transition: all .3s ease;
|
|
-ms-transition: all .3s ease;
|
|
-o-transition: all .3s ease;
|
|
transition: all .3s ease;
|
|
font-size: 16px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
.footer-social-link-style2 ul li a:hover .icon .first {
|
|
transform: translateY(0);
|
|
}
|
|
|
|
.footer-social-link-style2 ul li a .icon .second {
|
|
position: relative;
|
|
display: block;
|
|
font-size: 16px;
|
|
line-height: 16px;
|
|
-webkit-transition: all .3s ease;
|
|
-moz-transition: all .3s ease;
|
|
-ms-transition: all .3s ease;
|
|
-o-transition: all .3s ease;
|
|
transition: all .3s ease;
|
|
}
|
|
|
|
.footer-social-link-style2 ul li a:hover .icon .second {
|
|
transform: translateY(-200%);
|
|
}
|
|
|
|
|
|
.footer-bottom-style2 {
|
|
position: relative;
|
|
display: block;
|
|
background-color: var(--thm-black-bg-2);
|
|
padding: 26px 0px 27px;
|
|
}
|
|
|
|
.footer-bottom-style2 .bottom-inner {
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
|
|
|
|
/***
|
|
=============================================
|
|
Footer style3 Css
|
|
=============================================
|
|
***/
|
|
.footer-style3 {
|
|
position: relative;
|
|
display: block;
|
|
background: var(--thm-black-bg);
|
|
overflow: hidden;
|
|
padding: 140px 0px 0px;
|
|
z-index: 10;
|
|
}
|
|
|
|
.footer-main-style3 {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
|
|
.single-footer-widget--our-company-info {
|
|
position: relative;
|
|
display: block;
|
|
padding-right: 40px;
|
|
}
|
|
|
|
.download-app-box {
|
|
position: relative;
|
|
display: block;
|
|
padding-bottom: 33px;
|
|
}
|
|
|
|
.download-app-box ul {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.download-app-box ul li {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.download-app-box ul li+li {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.download-app-box ul li a {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 55px;
|
|
height: 55px;
|
|
background-color: var(--thm-white);
|
|
border-radius: 50%;
|
|
transition: all 200ms linear;
|
|
transition-delay: 0.1s;
|
|
}
|
|
|
|
.download-app-box ul li a:hover {
|
|
background-color: var(--thm-primary-color);
|
|
}
|
|
|
|
.download-app-box ul li a img {
|
|
width: auto;
|
|
transition: background-color 0.5s ease;
|
|
transition: all 0.5s ease;
|
|
}
|
|
|
|
.download-app-box ul li a:hover img {
|
|
filter: drop-shadow(10px 0px 0px #000000);
|
|
}
|
|
|
|
.download-app-box h3 {
|
|
color: var(--thm-white);
|
|
font-size: 19px;
|
|
line-height: 29px;
|
|
margin: 18px 0 0;
|
|
}
|
|
|
|
|
|
|
|
.footer-logo-style2 {
|
|
position: relative;
|
|
display: block;
|
|
padding-bottom: 34px;
|
|
}
|
|
|
|
.footer-logo-style2 a {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.footer-logo-style2 a img {
|
|
width: auto;
|
|
}
|
|
|
|
.single-footer-widget--our-company-info .text {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.single-footer-widget--our-company-info .text p {
|
|
color: var(--thm-body-font-color);
|
|
}
|
|
|
|
|
|
|
|
.footer-widget-newsletter-box-style2 {
|
|
margin-top: 33px;
|
|
max-width: 100% !important;
|
|
float: none !important;
|
|
}
|
|
|
|
.footer-widget-newsletter-box-style2 form .form-group {
|
|
margin: 3px 0 0px;
|
|
}
|
|
|
|
.footer-widget-newsletter-box-style2 form .form-group input[type='email'] {
|
|
color: #32383c;
|
|
font-weight: 500;
|
|
border-bottom: 1px solid var(--thm-border-color);
|
|
}
|
|
|
|
.footer-widget-newsletter-box-style2 form input[type="email"]::-webkit-input-placeholder {
|
|
color: #32383c;
|
|
}
|
|
|
|
.footer-widget-newsletter-box-style2 form input[type="email"]:-moz-placeholder {
|
|
color: #32383c;
|
|
}
|
|
|
|
.footer-widget-newsletter-box-style2 form input[type="email"]::-moz-placeholder {
|
|
color: #32383c;
|
|
}
|
|
|
|
.footer-widget-newsletter-box-style2 form input[type="email"]:-ms-input-placeholder {
|
|
color: #32383c;
|
|
}
|
|
|
|
.footer-widget-newsletter-box-style2 form .checked-box1 {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.footer-widget-newsletter-box-style2 .btn-box {
|
|
position: relative;
|
|
display: block;
|
|
margin-top: 17px;
|
|
}
|
|
|
|
.footer-widget-newsletter-box-style2 .btn-box button {
|
|
color: var(--thm-black);
|
|
}
|
|
|
|
.footer-widget-newsletter-box-style2 .btn-box button:hover {
|
|
color: #ffffff;
|
|
}
|
|
|
|
|
|
|
|
|
|
.footer-bottom-style3 {
|
|
position: relative;
|
|
display: block;
|
|
padding: 90px 0px 53px;
|
|
}
|
|
|
|
.footer-bottom-style3 .bottom-inner {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.copyright-text-style3 {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.copyright-text-style3 ul {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.copyright-text-style3 ul li {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.copyright-text-style3 ul li+li {
|
|
margin-left: 22px;
|
|
}
|
|
|
|
.copyright-text-style3 ul li::before {
|
|
content: "";
|
|
position: absolute;
|
|
bottom: 7px;
|
|
right: -12px;
|
|
width: 2px;
|
|
height: 2px;
|
|
background-color: var(--thm-white);
|
|
}
|
|
|
|
.copyright-text-style3 ul li:last-child:before {
|
|
display: none;
|
|
}
|
|
|
|
.copyright-text-style3 ul li a {
|
|
position: relative;
|
|
display: block;
|
|
color: var(--thm-white);
|
|
font-size: 16px;
|
|
line-height: 25px;
|
|
font-family: var(--thm-font);
|
|
font-weight: 400;
|
|
text-transform: capitalize;
|
|
transition: all 200ms linear;
|
|
transition-delay: 0.1s;
|
|
}
|
|
|
|
.copyright-text-style3 ul li a:hover {
|
|
color: var(--thm-primary-color);
|
|
}
|
|
|
|
.copyright-text-style3 p {
|
|
margin: 0;
|
|
}
|
|
|
|
.copyright-text-style3 p a {
|
|
color: var(--thm-primary-color);
|
|
transition: all 200ms linear;
|
|
transition-delay: 0.1s;
|
|
}
|
|
|
|
.copyright-text-style3 p a:hover {
|
|
color: var(--thm-white);
|
|
}
|
|
|
|
|
|
|
|
.footer-social-link-style3 {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.footer-social-link-style3 ul {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.footer-social-link-style3 ul li {
|
|
position: relative;
|
|
float: left;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.footer-social-link-style3 ul li:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.footer-social-link-style3 ul li a {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 45px;
|
|
width: 45px;
|
|
background: transparent;
|
|
border-radius: 50%;
|
|
color: var(--thm-black);
|
|
font-size: 15px;
|
|
font-weight: 900;
|
|
text-align: center;
|
|
transition: all 200ms linear;
|
|
transition-delay: 0.1s;
|
|
z-index: 1;
|
|
}
|
|
|
|
.footer-social-link-style3 ul li a:before {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
bottom: 0px;
|
|
right: 0px;
|
|
background: #ffffff;
|
|
border-radius: 50%;
|
|
content: "";
|
|
z-index: -1;
|
|
transform: scale(1);
|
|
transform-style: preserve-3d;
|
|
transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
|
|
}
|
|
|
|
.footer-social-link-style3 ul li:hover a:before {
|
|
transform: scale(0);
|
|
}
|
|
|
|
.footer-social-link-style3 ul li:hover a {
|
|
color: #ffffff;
|
|
background-color: transparent;
|
|
border: 1px solid #32393e;
|
|
}
|
|
|
|
|
|
|
|
.footer-bottom-style3__right {
|
|
position: relative;
|
|
display: block;
|
|
text-align: right;
|
|
}
|
|
|
|
.footer-bottom-style3__right p {
|
|
color: var(--thm-white);
|
|
}
|
|
|
|
.footer-bottom-style3__right p+p {
|
|
margin-top: 6px;
|
|
}
|
|
|
|
.footer-bottom-style3__right p a {
|
|
color: var(--thm-body-font-color);
|
|
transition: all 200ms linear;
|
|
transition-delay: 0.1s;
|
|
}
|
|
|
|
.footer-bottom-style3__right p a:hover {
|
|
color: var(--thm-white);
|
|
}
|
|
|
|
|
|
|
|
/***
|
|
=============================================
|
|
Footer style4 Css
|
|
=============================================
|
|
***/
|
|
.footer-style4 {
|
|
position: relative;
|
|
display: block;
|
|
border-top: 1px solid rgb(255, 255, 255, 0.12);
|
|
}
|
|
|
|
.footer-style4__bg {
|
|
position: absolute;
|
|
top: -300px;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
height: 1026px;
|
|
opacity: 0.15;
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
background-attachment: scroll;
|
|
background-position: center center;
|
|
}
|
|
|
|
.footer-style4_main {
|
|
position: relative;
|
|
display: block;
|
|
padding: 140px 0px 0px;
|
|
}
|
|
|
|
.footer-style4_main__inner {
|
|
position: relative;
|
|
display: block;
|
|
border-bottom: 1px solid rgb(255, 255, 255, 0.12);
|
|
padding: 0px 0px 73px;
|
|
}
|
|
|
|
.footer-style4_main__inner .row {
|
|
--bs-gutter-x: 0;
|
|
}
|
|
|
|
.footer-style4_main-content {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
border-right: 1px solid rgb(255, 255, 255, 0.12);
|
|
padding-right: 65px;
|
|
margin-right: 65px;
|
|
}
|
|
|
|
.footer-style4_main-content__inner {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.footer-logo-style3 {
|
|
position: relative;
|
|
display: block;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.footer-logo-style3 a {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.footer-logo-style3 a img {
|
|
width: auto;
|
|
}
|
|
|
|
.footer-style4_main-content__inner h2 {
|
|
color: var(--thm-white);
|
|
font-size: 36px;
|
|
line-height: 1.2em;
|
|
}
|
|
|
|
.footer-style4_main-content__inner .contact-info {
|
|
position: relative;
|
|
display: block;
|
|
padding-top: 25px;
|
|
}
|
|
|
|
.footer-style4_main-content__inner .contact-info p {
|
|
color: #a9afac;
|
|
}
|
|
|
|
.footer-style4_main-content__inner .contact-info h3 {
|
|
font-size: 19px;
|
|
line-height: 29px;
|
|
font-weight: 600;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
.footer-style4_main-content__inner .contact-info h3 a {
|
|
color: var(--thm-white);
|
|
transition: all 200ms linear;
|
|
transition-delay: 0.1s;
|
|
}
|
|
|
|
.footer-style4_main-content__inner .contact-info h3 a.faq-btn {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.footer-style4_main-content__inner .contact-info h3 a:hover {
|
|
color: var(--thm-primary-color);
|
|
}
|
|
|
|
.footer-style4_main-content__inner .contact-info h3 a span {
|
|
position: relative;
|
|
color: var(--thm-white);
|
|
font-size: 25px;
|
|
line-height: 25px;
|
|
top: 4px;
|
|
margin-left: 0;
|
|
transition: all 200ms linear;
|
|
transition-delay: 0.1s;
|
|
}
|
|
|
|
.footer-style4_main-content__inner .contact-info h3 a:hover span {
|
|
color: var(--thm-primary-color);
|
|
}
|
|
|
|
.footer-style4_main-content__inner .contact-info h3 span {
|
|
color: #a9afac;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.footer-style4_main-content__outer {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.footer-style4_main-content__outer a {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 60px;
|
|
height: 60px;
|
|
border-radius: 10px;
|
|
background-color: var(--thm-primary-color);
|
|
transition: background-color 0.5s ease;
|
|
transition: all 0.5s ease;
|
|
}
|
|
|
|
.footer-style4_main-content__outer a:hover {
|
|
background-color: var(--thm-white);
|
|
}
|
|
|
|
.footer-style4_main-content__outer a span {
|
|
position: relative;
|
|
display: inline-block;
|
|
color: var(--thm-white);
|
|
font-size: 34px;
|
|
line-height: 34px;
|
|
transition: all 200ms linear;
|
|
transition-delay: 0.1s;
|
|
}
|
|
|
|
.footer-style4_main-content__outer a:hover span {
|
|
color: var(--thm-primary-color);
|
|
}
|
|
|
|
|
|
|
|
|
|
.footer-social-link-style4 {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.footer-social-link-style4 ul {
|
|
position: relative;
|
|
display: block;
|
|
margin-top: -7px;
|
|
}
|
|
|
|
.footer-social-link-style4 ul li {
|
|
position: relative;
|
|
display: block;
|
|
padding-left: 65px;
|
|
}
|
|
|
|
.footer-social-link-style4 ul li+li {
|
|
margin-top: 34px;
|
|
}
|
|
|
|
.footer-social-link-style4 ul li .icon-box {
|
|
position: absolute;
|
|
top: 7px;
|
|
left: 0;
|
|
line-height: 0;
|
|
}
|
|
|
|
.footer-social-link-style4 ul li .icon-box a {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: var(--thm-white);
|
|
font-size: 20px;
|
|
width: 45px;
|
|
height: 45px;
|
|
border-radius: 50%;
|
|
background-color: #3b5998;
|
|
transition: background-color 0.5s ease;
|
|
transition: all 0.5s ease;
|
|
}
|
|
|
|
.footer-social-link-style4 ul li:hover .icon-box a {
|
|
color: var(--thm-white);
|
|
background-color: var(--thm-primary-color);
|
|
}
|
|
|
|
.footer-social-link-style4 ul li .icon-box a.icon-box2 {
|
|
background-color: #55acee;
|
|
}
|
|
|
|
.footer-social-link-style4 ul li:hover .icon-box a.icon-box2 {
|
|
color: var(--thm-white);
|
|
background-color: var(--thm-primary-color);
|
|
}
|
|
|
|
.footer-social-link-style4 ul li .icon-box a.icon-box3 {
|
|
background-color: #cd201f;
|
|
}
|
|
|
|
.footer-social-link-style4 ul li:hover .icon-box a.icon-box3 {
|
|
color: var(--thm-white);
|
|
background-color: var(--thm-primary-color);
|
|
}
|
|
|
|
|
|
.footer-social-link-style4 ul li .title-box {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.footer-social-link-style4 ul li .title-box h5 {
|
|
color: #a9afac;
|
|
font-size: 16px;
|
|
line-height: 25px;
|
|
font-weight: 600;
|
|
padding-bottom: 7px;
|
|
}
|
|
|
|
.footer-social-link-style4 ul li .title-box p {
|
|
color: var(--thm-white);
|
|
}
|
|
|
|
.footer-social-link-style4 ul li .title-box p a {
|
|
color: var(--thm-white);
|
|
transition: all 200ms linear;
|
|
transition-delay: 0.1s;
|
|
}
|
|
|
|
.footer-social-link-style4 ul li .title-box p a:hover {
|
|
color: var(--thm-primary-color);
|
|
}
|
|
|
|
|
|
|
|
|
|
.footer-style4__bottom {
|
|
position: relative;
|
|
display: block;
|
|
padding: 73px 0px 73px;
|
|
}
|
|
|
|
.footer-style4__bottom .bottom-inner {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
|
|
|
|
.footer-menu-style4 {
|
|
position: relative;
|
|
display: block;
|
|
padding-bottom: 37px;
|
|
z-index: 10;
|
|
}
|
|
|
|
.footer-menu-style4 ul {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.footer-menu-style4 ul li {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.footer-menu-style4 ul li+li {
|
|
margin-left: 60px;
|
|
}
|
|
|
|
.footer-menu-style4 ul li a {
|
|
position: relative;
|
|
display: inline-block;
|
|
color: var(--thm-white);
|
|
font-size: 17px;
|
|
line-height: 27px;
|
|
font-family: var(--thm-font-2);
|
|
font-weight: 700;
|
|
text-transform: capitalize;
|
|
transition: all 200ms linear;
|
|
transition-delay: 0.1s;
|
|
}
|
|
|
|
.footer-menu-style4 ul li a:hover {
|
|
color: var(--thm-primary-color);
|
|
}
|
|
|
|
.copyright-text-style--2 ul {
|
|
justify-content: center;
|
|
}
|
|
|
|
.copyright-text-style--2 ul li a {
|
|
color: #a9afac;
|
|
}
|
|
|
|
|
|
|
|
|
|
/***
|
|
=============================================
|
|
Footer style5 Css
|
|
=============================================
|
|
***/
|
|
.footer-style5 {
|
|
position: relative;
|
|
display: block;
|
|
background-color: var(--thm-white);
|
|
padding: 160px 0px 93px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.footer-style5__top {
|
|
position: relative;
|
|
display: block;
|
|
z-index: 1;
|
|
}
|
|
|
|
.footer-style5__top .big-title {
|
|
position: absolute;
|
|
top: -47px;
|
|
left: 0;
|
|
right: 0;
|
|
text-align: center;
|
|
z-index: -1;
|
|
}
|
|
|
|
.footer-style5__top .big-title h2 {
|
|
color: transparent;
|
|
-webkit-text-stroke: 1px #ece9e8;
|
|
font-size: 250px;
|
|
line-height: 0.9em;
|
|
font-weight: 800;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
|
|
.footer-style5__top-inner {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.footer-style5__top-inner h2 {
|
|
font-size: 30px;
|
|
line-height: 40px;
|
|
margin-bottom: 32px;
|
|
}
|
|
|
|
.footer-style5__top-inner .btn-box {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.footer-style5__top-inner .btn-box a+a {
|
|
margin-left: 30px;
|
|
}
|
|
|
|
.footer-style5__top-inner .btn-box .btn-one {
|
|
padding-left: 110px;
|
|
padding-right: 110px;
|
|
line-height: 50px;
|
|
border-radius: 35px;
|
|
text-transform: none;
|
|
color: var(--thm-black);
|
|
}
|
|
|
|
.footer-style5__top-inner .btn-box .btn-one.one {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.footer-style5__top-inner .btn-box .btn-one.one:after {
|
|
background: var(--thm-primary-color);
|
|
}
|
|
|
|
.footer-style5__top-inner .btn-box .btn-one.one:before {
|
|
background: var(--thm-black);
|
|
}
|
|
|
|
|
|
|
|
.footer-style5__top-inner .btn-box .btn-one:hover {
|
|
color: var(--thm-white);
|
|
}
|
|
|
|
.footer-style5__top-inner .btn-box .btn-one::before {
|
|
background: var(--thm-primary-color);
|
|
}
|
|
|
|
.footer-style5__top-inner .btn-box .btn-one::after {
|
|
background: var(--thm-gray-bg);
|
|
}
|
|
|
|
|
|
.footer-style5__main {
|
|
position: relative;
|
|
display: block;
|
|
padding: 130px 0px 0px;
|
|
}
|
|
|
|
.footer-style5__main-inner {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.single-widget-style5 {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.single-footer-widget-style5 {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.single-footer-widget-style5 .title {
|
|
position: relative;
|
|
display: block;
|
|
margin-top: -8px;
|
|
}
|
|
|
|
.single-footer-widget-style5 .title h3 {
|
|
font-size: 21px;
|
|
line-height: 31px;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.our-company-info-style5 {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.our-company-info-style5 .footer-logo-style2 {
|
|
padding-bottom: 29px;
|
|
}
|
|
|
|
.our-company-info-style5 .text {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.our-company-info-style5 .text p {
|
|
margin: 0;
|
|
}
|
|
|
|
.footer-social-link-style5 {
|
|
position: relative;
|
|
display: block;
|
|
margin-top: 23px;
|
|
}
|
|
|
|
.footer-social-link-style5 ul {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.footer-social-link-style5 ul li {
|
|
position: relative;
|
|
display: block;
|
|
float: left;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.footer-social-link-style5 ul li:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.footer-social-link-style5 ul li a {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: #a5a1a0;
|
|
width: 45px;
|
|
height: 45px;
|
|
border: 1px solid #ebe7e6;
|
|
border-radius: 50%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.footer-social-link-style5 ul li a:hover {
|
|
color: var(--thm-white);
|
|
background: var(--thm-primary-color);
|
|
border-color: var(--thm-primary-color);
|
|
}
|
|
|
|
.footer-social-link-style5 ul li a i {
|
|
position: relative;
|
|
display: inline-block;
|
|
font-size: 17px;
|
|
line-height: 17px;
|
|
}
|
|
|
|
|
|
|
|
|
|
.footer-widget-language-switcher {
|
|
position: relative;
|
|
display: block;
|
|
width: 115px;
|
|
margin-top: 26px;
|
|
}
|
|
|
|
.footer-widget-language-switcher .language-switcher-style1 {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.footer-widget-language-switcher .language-switcher-style1 .inner-title {
|
|
position: relative;
|
|
display: block;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.footer-widget-language-switcher .language-switcher-style1 .inner-title h5 {
|
|
color: #cec8c7;
|
|
font-size: 16px;
|
|
line-height: 26px;
|
|
font-weight: 600;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
|
|
.footer-widget-language-switcher .language-switcher-style1 .nice-select:after {
|
|
color: var(--thm-black);
|
|
}
|
|
|
|
.footer-widget-language-switcher .language-switcher-style1 .nice-select.open .list {
|
|
top: auto;
|
|
bottom: 0;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.footer-widget-links-style5 {
|
|
position: relative;
|
|
display: block;
|
|
margin-top: 21px;
|
|
}
|
|
|
|
.footer-widget-links-style5 ul {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.footer-widget-links-style5 ul li {
|
|
position: relative;
|
|
display: block;
|
|
margin-bottom: 11px;
|
|
}
|
|
|
|
.footer-widget-links-style5 ul li:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.footer-widget-links-style5 ul li a {
|
|
color: var(--thm-body-font-color);
|
|
font-size: 16px;
|
|
line-height: 26px;
|
|
font-weight: 400;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.footer-widget-links-style5 ul li a:hover {
|
|
color: var(--thm-primary-color);
|
|
}
|
|
|
|
|
|
|
|
.single-footer-widget-style5 .scroll-to-top {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: flex-start;
|
|
justify-content: end;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
transform: rotate(0deg);
|
|
margin-bottom: 107px;
|
|
z-index: 99;
|
|
}
|
|
|
|
.single-footer-widget-style5 .scroll-to-top .icon-box {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 55px;
|
|
height: 55px;
|
|
border-radius: 50%;
|
|
background: #f9f6f3;
|
|
cursor: pointer;
|
|
transition: all 200ms linear;
|
|
transition-delay: 0.1s;
|
|
}
|
|
|
|
.single-footer-widget-style5 .scroll-to-top .icon-box:hover {
|
|
background: var(--thm-primary-color);
|
|
}
|
|
|
|
.single-footer-widget-style5 .scroll-to-top .icon-box span {
|
|
position: relative;
|
|
display: inline-block;
|
|
color: var(--thm-black);
|
|
font-size: 34px;
|
|
line-height: 34px;
|
|
transition: all 200ms linear;
|
|
transition-delay: 0.1s;
|
|
}
|
|
|
|
.single-footer-widget-style5 .scroll-to-top .icon-box:hover span {
|
|
color: var(--thm-white);
|
|
}
|
|
|
|
|
|
|
|
.single-footer-widget-style5 .copyright-text-style3 {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.single-footer-widget-style5 .copyright-text-style3 ul {
|
|
margin-bottom: 16px;
|
|
justify-content: end;
|
|
}
|
|
|
|
.single-footer-widget-style5 .copyright-text-style3 ul li a {
|
|
color: var(--thm-body-font-color);
|
|
}
|
|
|
|
.single-footer-widget-style5 .copyright-text-style3 ul li a:hover {
|
|
color: var(--thm-primary-color);
|
|
}
|
|
|
|
.single-footer-widget-style5 .copyright-text-style3 ul li::before {
|
|
background-color: var(--thm-body-font-color);
|
|
}
|
|
|
|
.single-footer-widget-style5 .copyright-text-style3 p {
|
|
color: var(--thm-black);
|
|
text-align: right;
|
|
}
|
|
|
|
.single-footer-widget-style5 .copyright-text-style3 p a:hover {
|
|
color: var(--thm-black);
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/** End Css **/ |