/*** ============================================= Footer area style ============================================= ***/ .bottom-parallax { position: relative; height: 525px; opacity: 0; z-index: -999; } .bottom-parallax .footer-area { position: fixed; left: 0px; bottom: 0px; right: 0px; height: 525px; } .parallax-visible .bottom-parallax { opacity: 1; z-index: 1; } /*** ============================================= Footer Area Css ============================================= ***/ .footer-area { position: relative; display: block; background: rgb(247, 247, 247); z-index: 10; } .footer-top { position: relative; display: block; z-index: 1; } .footer-top__bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-repeat: repeat; background-size: cover; background-color: #0b67b4; background-blend-mode: multiply; opacity: 0.85; z-index: -1; } .footer-top__inner { position: relative; display: block; } .footer-contact-info-box1 { position: relative; display: flex; flex-wrap: wrap; } .footer-contact-info-box1 li { flex: 0 0 auto; width: 33.3333333333%; padding: 20px 0; } .footer-contact-info-box1 li + li { border-left: 1px solid rgba(255, 255, 255, 0.1); padding-left: 60px; } .footer-contact-info-box1__single { position: relative; display: flex; align-items: center; } .footer-contact-info-box1__single .icon { position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; width: 60px; height: 60px; background-color: rgba(255, 255, 255, 0.05); border-radius: 8px; color: #fff; font-size: 30px; z-index: 1; } .footer-contact-info-box1__single .icon.map { font-size: 34px; } .footer-contact-info-box1__single .icon:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0px; right: 0; border-radius: 8px; background-color: var(--thm-base); transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; transform-origin: top right; -webkit-transform: scale(1, 0); transform: scale(1, 0); z-index: -1; } .footer-contact-info-box1 li:hover .footer-contact-info-box1__single .icon:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); transform-origin: bottom center; } .footer-contact-info-box1__single .text { position: relative; margin-left: 25px; flex: 1; } .footer-contact-info-box1__single .text p { color: #ffffff; line-height: 24px; } .footer-contact-info-box1__single .text h5 { font-size: 18px; line-height: 20px; font-weight: 500; font-family: var(--thm-font-2); margin: 7px 0 0; } .footer-contact-info-box1__single .text h5 a { color: #ffffff; transition: all 200ms linear; transition-delay: 0.1s; } .footer-contact-info-box1__single .text h5 a:hover { color: var(--thm-base); } .footer-main { position: relative; display: block; padding-top: 60px; padding-bottom: 1px; } .single-footer-widget .title { position: relative; display: block; margin-top: -2px; padding-top: 9px; } .single-footer-widget .title h3 { color: black; font-size: 20px; line-height: 20px; font-weight: 600; text-transform: capitalize; } .footer-main .single-widget { margin-bottom: 44px; } .single-footer-widget { position: relative; display: block; } .single-footer-widget.margin-leftminus1 { margin-left: -40px; } .single-footer-widget .our-company-info { position: relative; display: block; padding-right: 110px; } .footer-logo-style1 { position: relative; display: block; padding-bottom: 30px; } .footer-logo-style1 a { position: relative; display: inline-block; max-height: 60px; } .single-footer-widget .our-company-info .text { position: relative; display: block; } .single-footer-widget .our-company-info .text p { margin-top: 25px; color: #bcc1c9; font-size: 17px; line-height: 28px; } .footer-social-link { position: relative; display: block; padding-top: 33px; } .footer-social-link ul { position: relative; display: block; } .footer-social-link ul li { position: relative; float: left; margin-right: 10px; } .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: 1px solid #bcc1c9; border-radius: 50%; color: #bcc1c9; font-size: 16px; 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: transparent; border: 1px solid var(--thm-base); border-radius: 50%; content: ""; opacity: 0; transform: scale(0.5); transform-style: preserve-3d; transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52); z-index: -1; } .footer-social-link ul li:hover a:before { opacity: 1; transform: scale(1); } .footer-social-link ul li:hover a { color: var(--thm-base); border-color: var(--thm-base); } .footer-widget-links { position: relative; display: block; overflow: hidden; padding-top: 29px; } .single-footer-widget--link-box { position: relative; } .footer-widget-links ul { position: relative; display: block; overflow: hidden; } .footer-widget-links ul li { position: relative; display: block; line-height: 26px; margin-bottom: 11px; } .footer-widget-links ul li:last-child { margin-bottom: 0; } .footer-widget-links ul li a { position: relative; display: inline-block; color: black; font-size: 17px; font-weight: 400; font-family: var(--thm-font); transition: all 100ms linear; transition-delay: 0.1s; } .footer-widget-links ul li a:hover { color: #d90429; padding-left: 2px; } .single-footer-widget__img-box { position: relative; display: block; margin-top: 30px; margin-left: -40px; } .footer-bottom { position: relative; display: block; } .footer-bottom .bottom-inner { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 25px 0px 26px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .copyright-text { position: relative; display: block; } .copyright-text p { color: black; font-size: 16px; } .copyright-text p a { color: black; font-weight: 500; transition: all 300ms ease 100ms; } .copyright-text p a:hover { color: #d90429; } .footer-bottom-right { position: relative; display: block; } .footer-bottom-right p { color: black; font-size: 16px; } .footer-bottom-right p a { color: black; font-weight: 500; transition: all 300ms ease 100ms; } .footer-bottom-right p a:hover { color: #d90429; } /*** ============================================= Footer Area Css ============================================= ***/ .footer-area--style2 { background: #1d1d1d; } .footer-area--style2 .footer-top__bg { background-color: #480202; } .footer-area--style2 .single-footer-widget .our-company-info .text p { color: #a2a2a2; } .footer-area--style2 .footer-widget-links ul li a { color: #a2a2a2; } .footer-area--style2 .footer-widget-links ul li a:hover { color: #ffffff; } .footer-area--style2 .footer-social-link ul li a { border: 1px solid #a2a2a2; color: #a2a2a2; } .footer-area--style2 .footer-social-link ul li a:before { top: -2px; left: -2px; bottom: -2px; right: -2px; border: 3px solid var(--thm-base); } .footer-area--style2 .footer-social-link ul li a:hover { color: #ffffff; } .footer-area--style2 .copyright-text p { color: #a2a2a2; } .footer-area--style2 .copyright-text p a { color: #a2a2a2; } .footer-area--style2 .footer-bottom-right p { color: #a2a2a2; } .footer-area--style2 .footer-bottom-right p a { color: #a2a2a2; } .footer-logo-style1 img { width: 50%; } /** End Css **/