footer {
    color: #fff;
    overflow: hidden;
    width: 100%;
    position: relative;
}

footer a {
    color: #fff;
}
footer .widget_nav_menu  {
    color: #fff;
}
footer a:hover,
footer a:focus {
    color: #fff;
}
footer svg.icon-tg {
	fill: #fff;
    width: 32px;
    height: 28px;
} 
footer svg.icon-whatsapp {
	fill: #fff;
    width: 32px;
    height: 28px;
} 

footer .widget_nav_menu ul, footer .widget_recent_entries ul {
    font-size: 14px;
}

footer .widget_nav_menu ul li, footer .widget_recent_entries ul li {
    margin-bottom: 6px;
}
footer .widget_nav_menu h3.widget-title, footer .widget_nav_menu strong.widget-title{
      font-size: 14px!important;
      margin-bottom: 1rem!important;
      display: block!important;
      font-family: 'Exo2-SemiBold';
    font-weight: normal;
}
.footer_phone{margin-bottom:5px;}
.footer_phone a {
      display: table;
      width: 100%;
      line-height: 1;
      font-size: 19px;
  }
.cube {
position: absolute;
top: 80vh;
left: 45vw;
width: 8px;
height: 8px;
opacity: 0;
border: solid 1px #fff;
-webkit-transform-origin: top left;
      transform-origin: top left;
-webkit-transform: scale(2) rotate(0deg) translate(-50%, -50%);
      transform: scale(2) rotate(0deg) translate(-50%, -50%);
-webkit-animation: cube 5s ease-in forwards infinite;
      animation: cube 5s ease-in forwards infinite;
}
.circle {
position: absolute;
top: 20vh;
left: 45vw;
width: 8px;
height: 8px;
border: solid 1px #fff;
border-radius:50%;
-webkit-transform-origin: top left;
      transform-origin: top left;
-webkit-transform: scale(0) rotate(0deg) translate(-50%, -50%);
      transform: scale(0) rotate(0deg) translate(-50%, -50%);
-webkit-animation: cube 5s ease-in forwards infinite;
      animation: cube 5s ease-in forwards infinite;
}

.circle1 {
-webkit-animation: circle1 8s ease-in forwards infinite;
      animation: circle1 8s ease-in forwards infinite;
}
.cube1 {
border-color: #fff;
left: 28%;
top: 15%;
}
.cube2 {
-webkit-animation-delay: 2s;
      animation-delay: 2s;
left: 65%;
top: 70%;
}
.cube3 {
-webkit-animation-delay: 4s;
      animation-delay: 4s;
left: 75%;
top: 20%;
}
.circle1 {
-webkit-animation-delay: 2s;
      animation-delay: 2s;
left: 80%;
top: 90%;
}
.circle2 {
-webkit-animation-delay: 4s;
      animation-delay: 4s;
left: 50%;
top: 95%;
}
.circle3 {
-webkit-animation-delay: 3s;
      animation-delay: 3s;
left: 5%;
top: 75%;
}

@-webkit-keyframes cube {
      0% {
            -webkit-transform: scale(2) rotate(0deg) translate(-50%, -50%);
                    transform: scale(2) rotate(0deg) translate(-50%, -50%);
            opacity: 0;
            }
            50% {opacity: 1;}
            100% {
            -webkit-transform: scale(10) rotate(180deg) translate(-50%, -50%);
                    transform: scale(10) rotate(180deg) translate(-50%, -50%);
            opacity: 0;
            } 
}

@keyframes  cube {
      0% {
            -webkit-transform: scale(2) rotate(0deg) translate(-50%, -50%);
                    transform: scale(2) rotate(0deg) translate(-50%, -50%);
            opacity: 0;
            }
            50% {opacity: 1;}
            100% {
            -webkit-transform: scale(10) rotate(180deg) translate(-50%, -50%);
                    transform: scale(10) rotate(180deg) translate(-50%, -50%);
            opacity: 0;
            } 
}

@-webkit-keyframes circle1 {
      0% {
            -webkit-transform: scale(0) translate(-50%, -50%);
                    transform: scale(0) translate(-50%, -50%);
            opacity: 0;
            }
            50% {opacity: 1;}
            100% {
            -webkit-transform: scale(5) translate(-50%, -50%);
                    transform: scale(5) translate(-50%, -50%);
            opacity: 0;
      } 
}

@keyframes  circle1 {
      0% {
            -webkit-transform: scale(0) translate(-50%, -50%);
                    transform: scale(0) translate(-50%, -50%);
            opacity: 0;
            }
            50% {opacity: 1;}
            100% {
            -webkit-transform: scale(5) translate(-50%, -50%);
                    transform: scale(5) translate(-50%, -50%);
            opacity: 0;
      } 
}

.footer_wrapper .social_buttons ul li a {
color: #fff;
}
.footer_wrapper .social_buttons ul li a:hover {
color: #333;
}
.footer_wrapper {
      background: #ee803d;
      background: linear-gradient(90deg,#fb843f 0%,#feb82a 100%);
position:relative;  
}
svg { 
top:0; 
width:100%;
position:relative;
} 
#outro {
      
      fill: url(#FootGradient);
      }
.wave {
animation: wave 10s linear;
animation-iteration-count:infinite;
fill: url(#MyGradient);
}
.drop {
fill: transparent;
animation: drop 5s ease infinite;
stroke: #fff;
stroke-width:0.5;
opacity:.6; 
transform: translateY(80%);
}
.rect {
fill: transparent;
animation: rect 8s ease infinite normal; 
transform: rotate(0deg);
transition: all 1s linear;
stroke: #fff;
stroke-width:0.5;
opacity:.6;  
}
.drop1 {
transform-origin: 20px 3px;
}
.drop2 {
animation-delay: 3s;
animation-duration:3s;
transform-origin: 25px 3px;
}
.drop3 {
animation-delay: -2s;
animation-duration:3.4s;
transform-origin: 16px 3px;
} 
#wave2 {
animation-duration:15s;
animation-direction: reverse;
opacity: .6
}
#wave3 {
animation-duration: 17s;
opacity:.3;
}