.footer .footer-wrapper{
background: #221E20 no-repeat;
clip-path: ellipse(130% 100% at 100% 100%);
padding-top: 206px;
padding-bottom: 50px;
}
.footer .footer-wrapper .inner{
padding: 0 100px;
}
.footer .logo-section img{
max-width: 329px;
}
.footer .description{
margin-top: 50px;
}
.footer .description h6,
.footer .description p {
color: rgb(255, 255, 255);
margin: 0;
}
.footer .widget .widget-title *{
text-transform: uppercase;
font: 600 0.9375rem / 14px Rubik;
color: rgb(255, 255, 255);
text-align: left;
border-bottom: none;
padding: 0px;
margin: 0 0 20px;
}
.footer .widget ul li a {
letter-spacing: 0px;
color: rgb(255, 255, 255) !important;
font: 14px / 35px Rubik;
margin-bottom: 10px;
}
.footer .widget .links a{
margin-bottom: 20px;
}
.footer .widget .links a img{
height: auto;
}
.app-menu img {
border: solid 1px #96999c70;
border-radius: 4px;
max-width: 132px;
}
.footer .image-hand {
position: absolute;
top: -106px;
z-index: 1000;
left: -196px;
width: 323px;
}
.footer .image-hand img {
max-width: 180%;
width: auto;
height: auto;
transition: transform 0.3s ease-in-out;
max-height: 488.38px;
}
.footer .image-hand img:hover{
transform: rotate3d(5, 0, 3, 15deg);
left: -8rem;
}
.footer .footer-wrapper-copyright{
background-color: #221E20;
}
.footer .footer-wrapper-copyright .inner {
padding: 10px 0px;
border-top: 2px solid rgba(244, 244, 244, 0.29);
}
.footer .footer-wrapper-copyright .inner .copy-right *{
margin: 0;
color: #fff;
font-size: 11px;
font-weight: 400;
font:12px Rubik !important
}
.social-footer-bottom li{border-bottom: 0 !important;}
.social-footer-bottom li .menu-text{display: none;}
.social-footer-bottom li img{filter: brightness(0) invert(1);max-width: 25px;margin-left: 13px;height: auto;max-height: 25px;}
.social-footer-bottom>ul{flex-direction: row;}
/* X-Large devices (large desktops, less than 1400px) */
/* Medium devices (tablets, less than 992px) */
@media (min-width: 943px) and (max-width: 1153px) {
.footer .footer-wrapper {
padding-top: 140px !important;
padding-bottom: 100px !important;
}
.footer ul li {
border-bottom: none !important;
text-align: center !important;
padding: 0 !important;
}
body .footer ul li a {
text-align: center !important;
width: 100%;
display: block;
font: normal normal normal 14px / 35px Rubik !important;
}
.footer .widget .widget-title *{
text-align: center;
}
}
@media (min-width: 943px) and (max-width: 1247px) {
.footer .footer-wrapper .inner .logo-section{
display: none;
}
.footer .footer-wrapper .inner>div{
width: 25%;
}
.footer .footer-wrapper-copyright>.container{
max-width: 960px;
}
.social-footer-bottom li img{
max-width: 20px;
}
.footer .image-hand {
top: -6rem !important;
left: -8rem !important;
}
}
@media (min-width: 1247px) and (max-width: 1495px) {
.footer .logo-section img {
max-width: 70%;
}
.footer .image-hand {
top: -6rem !important;
left: -8rem;
}
.footer .image-hand img {
max-width: 180% !important;;
max-height: 330px;
}
}
@media (min-width: 1631px) and (max-width: 1800px) {
.footer .image-hand{
top: -9rem;
left: -14rem;
}
}
@media (max-width: 1399.98px) {
.footer .image-hand {
top: -72px;
max-width: 30%;
}
.footer .image-hand img{
max-width: 100%;
height: auto;
width: 180px;
}
}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
.footer .image-hand {
max-width: 34%;
left: -185px;
}
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
.footer .footer-wrapper {
clip-path: ellipse(300% 100% at 90% 100%)!important;
padding-top: 62px;
padding-bottom: 100px;
}
.footer .menu-footer{
padding: 0 20px 65px 20px;
}
.footer .logo{
margin-bottom: 20px;
}
.footer .logo img{
max-width: 174px;
}
.footer ul{
flex-direction: column;
}
.footer ul li {
padding: 10px 0;
border-bottom: 1px solid rgba(112, 112, 112, .3);
width: 100%;
text-align: center;
}
.footer ul li:last-of-type{
border-bottom: 0px;
}
.footer ul li a {
font: normal normal normal 14px / 35px Rubik !important;
letter-spacing: 0 !important;
text-align: left;
color: #FFFFFF !important;
}
.footer-bottom{
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #fff;
z-index: 9999;
margin: 0;
box-shadow: 6px 0 20px #1D398645;
padding: 5px;
border-top: 2px solid #ED1C24;
}
.footer-bottom .menu-footer-bottom ul{
flex-direction: row;
}
.footer-bottom .menu-footer-bottom ul li{
padding: 0;
border-bottom: 0;
}
.footer-bottom .menu-footer-bottom ul a{
color: #221E20 !important;
font-size: 10px;
margin-top: 0px;
font-weight: 600;
transition: 0.3s ease;
text-align: center;
font-family: 'Rubik' !important;
flex-direction: column;
display: flex;
align-items: center;
justify-content: center;
}
.footer .image-hand{
max-width: 42%;
left: -144px;
top: -194px;
}
.social-footer-bottom img{
max-width: 12px;
}
.wb2-footer-before-bottom{
padding: 17px 0px 0px !important;
border-top: 2px solid #f4f4f44a !important;
background-color: #221E20;
text-align: center;
width: 100%;
display: flex;
justify-content: center;
position: relative;
}
.wb2-footer-before-bottom::after{
content: '';
position: absolute;
height: 1px;
width: calc(100% + 30px);
background: rgba(112,112,112,.3);
top: -15px;
left: -15px;
}
.social-footer-bottom ul{
flex-direction: row !important;
}
.social-footer-bottom li{
width: max-content !important;
}
}
/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
.footer .image-hand{
top: -55px;
max-width: 64%;
left: -47px;
height: 150px;
width: 100%;
background-repeat: no-repeat;
}
.footer .image-hand img{
height: auto;
width: 180px !important;
max-height: 1000px !important;
}
}
/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
.footer-bottom .menu-footer-bottom img{
max-width: 35px !important;
margin-bottom: 7px;
height: auto;
}
.footer-bottom .menu-footer-bottom span{
line-height: 1;
font-size: 10px;
}
}