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

footer a {
   color: #fff;
}

footer .widget_nav_menu {
   color: #fff;
}

footer a:hover,
footer a:focus {
   color: #fff;
}

footer .social_buttons .vk-icon {
   display: block;
   width: 35px;
   height: 21px;
   background: url('../../../img/vk-icon.svg');

}

footer .social_buttons .tg-icon {
   display: block;
   width: 32px;
   height: 27px;
   background: url('../../../img/tg-icon.svg');

}

footer .social_buttons .wa-icon {
   display: block;
   width: 28px;
   height: 27px;
   background: url('../../../img/wa-icon.svg');

}

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 {
   font-size: 14px !important;
   margin-bottom: 1rem !important;
   display: block !important;
   font-family: 'Exo2-SemiBold';
   font-weight: normal;
}

footer #nav_menu-2.col-md-3 {
   -ms-flex: 0 0 16.666667%;
   flex: 0 0 16.666667%;
   max-width: 16.666667%;
}

footer #nav_me nu-8.col-md-3 {
   -ms-flex: 0 0 16.666667%;
   flex: 0 0 16.666667%;
   max-width: 16.666667%;
}

.footer_phone a {
   display: table;
   width: 100%;
   line-height: 1;
   font-size: 19px;
}


.footer_wrapper .social_buttons ul li a {
   color: #fff;
}

.footer_wrapper .social_buttons ul li a:hover {
   color: #333;
}

.footer_wrapper {
   background: #343434;

}

svg {
   top: 0;
   width: 100%;
   position: relative;
}


#toTop {
   cursor: pointer;
   display: none;
   z-index: 999;
   background: #f2f5fe;
   border: 0px solid #246BC7;
   text-align: center;
   border-radius: 500px;
   -webkit-border-radius: 500px;
   -moz-border-radius: 500px;
   -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
   transition: background-color 0.3s linear, color 0.2s 0.2s ease-in-out;
   -moz-transition: background-color 0.3s linear, color 0.2s 0.2s ease-in-out;
   -webkit-transition: background-color 0.3s linear, color 0.2s 0.2s ease-in-out;
   -o-transition: background-color 0.3s linear, color 0.2s 0.2s ease-in-out;
}

#toTop span {
   display: block;
   line-height: 42px;
   font-size: 18px;
   text-align: center;
}

#toTop .flaticon-left-angle-arrow,
#toTop .flaticon-arrow-angle-pointing-to-right {
   font-size: 19px;
   background: linear-gradient(#fff 0 0) padding-box, linear-gradient(91.73deg, #628CFF 48.54%, #2CC0FF 104.47%) border-box;
   border: 3px dashed #fff0;
   color: #628cff;
   border-radius: 50%;
   width: 47px;
   height: 47px;
   display: block;
   padding: 0px;
}

#toTop .flaticon-left-angle-arrow:before {
   content: "\f114";
   position: absolute;
   top: -1px;
   left: 26%;
}

#toTop:hover {
   color: #f2f5fe;
   border-color: #f2f5fe;
   text-decoration: none;
   background-color: #f2f5fe;
}

#toTop.arrow_down span {
   -webkit-transform: rotate(-270deg);
   -moz-transform: rotate(-270deg);
   -o-transform: rotate(-270deg);
   -ms-transform: rotate(-270deg);
   -sand-transform: rotate(-270deg);
}

@media only screen and (max-width: 768px) {

   footer .footer_wrapper .container>.row:first-of-type {
      -ms-flex-wrap: wrap;
      flex-wrap: nowrap;
   }

   .xs-hidden {
      display: none;
   }

   #toTop {
      width: 44px;
      height: 44px;
      background: #f2f5fe;
      border: 2px solid #f2f5fe;
      position: fixed;
      bottom: 60px;
      left: 15px;
      cursor: pointer;
      display: none;

      color: #fff;
      text-align: center;
      border-radius: 500px;
      -webkit-border-radius: 500px;
      -moz-border-radius: 500px;
      -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
      transition: background-color 0.3s linear, color 0.2s 0.2s ease-in-out;
      -moz-transition: background-color 0.3s linear, color 0.2s 0.2s ease-in-out;
      -webkit-transition: background-color 0.3s linear, color 0.2s 0.2s ease-in-out;
      -o-transition: background-color 0.3s linear, color 0.2s 0.2s ease-in-out;
   }

   #toTop:hover {
      color: #f2f5fe;
      border-color: #f2f5fe;
      text-decoration: none;
      background-color: #f2f5fe;
   }

   #toTop .flaticon-left-angle-arrow {
      font-size: 16px;
      background: none;
      border: 2px solid transparent;
      color: #628cff;
      border-radius: 50%;
      width: 44px;
      height: 40px;
      display: block;
      padding: 0px;
   }

   #toTop .flaticon-left-angle-arrow:before {}

   #toTop.arrow_down {
      margin: 0px;
   }
}

@media (min-width: 992px) {
   .footer_wrapper>.container>.row .col-sm-6.col-lg-7.mt-1.text-lg-left {
      flex: 0 0 40%;
      max-width: 40%;
   }

   .footer_wrapper>.container>.row .col-sm-6.col-lg-2.mt-1.text-lg-left.text-xs-center {
      flex: 0 0 35%;
      max-width: 35%;
   }
}

.footer_wrapper .social_buttons {
   display: flex;
   align-items: center;
   justify-content: flex-end;
}

.footer_wrapper .social_buttons {
   display: flex;
   align-items: center;
   justify-content: flex-end;
}

.footer_wrapper .social_buttons li a {
   display: flex;
   justify-content: center;
   align-items: center;
}

.footer_wrapper .social_buttons ul li {
   height: auto;
}

.footer_wrapper .social_buttons ul {
   gap: 24px;
}

.footer_wrapper .social_buttons .mr-4 {
   margin-right: 0 !important;
}

@media only screen and (max-width: 768px) {
   .footer_wrapper .social_buttons ul {
      gap: 20px;
   }
}