footer.full-footer {
  position: relative;
  display: flex;

  flex-direction: column;

  width: 100%;

  /* padding: 0 15px; */
}

footer.full-footer .footer-inner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}

footer.full-footer .footer-top {
  position: relative;
  display: flex;

  width: 100%;

  background: rgba(34,34,34,0.97) url('../img/pictures/bg-footer.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: rgb(34,34,34);
}

footer.full-footer .footer-top::after {
  content: "";
  position: absolute;
  display: block;

  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  height: 100%;
  visibility: visible;

  background-color: rgba(34, 34, 34, 0.97);
}

footer.full-footer .footer-top > .footer-inner {
  z-index: 2;
  padding: 75px 15px 117px;
}

footer.full-footer .footer-top .footer-map-item {
  padding: 0 15px;
  padding-top: 45px;
}

footer.full-footer .footer-top .footer-map-item:nth-child(1) { width: 24.8%; }
footer.full-footer .footer-top .footer-map-item:nth-child(2) { width: 22%; }
footer.full-footer .footer-top .footer-map-item:nth-child(3) { width: 16.4%; }
footer.full-footer .footer-top .footer-map-item:nth-child(4) { width: 36.8%; padding-left: calc(15px + 70px); }

footer.full-footer .footer-top .footer-map-item > .footer-map-title {
  margin: 0;
  margin-bottom: 41px;

  line-height: 1.33333;
  font-size: 25px;
  font-weight: 800;
  color: #ffffff;
}

ul.footer-map-menu {
  position: relative;

  list-style: none;
  margin: 0;
  padding: 0;
}

ul.footer-map-menu > li {
  margin: 0;
  padding: 0;

  margin-bottom: 10px;
}

ul.footer-map-menu > li > a {
  position: relative;

  line-height: 1.75;
  font-size: 15px;
  font-weight: 500;

  color: #bdbdbd;

  -webkit-transition: all .3s linear 0ms;
  -khtml-transition: all .3s linear 0ms;
  -moz-transition: all .3s linear 0ms;
  -ms-transition: all .3s linear 0ms;
  -o-transition: all .3s linear 0ms;
  transition: all .3s linear 0ms;
}

ul.footer-map-menu > li > a:hover {
  padding-left: 20px;
  color: #fff;
}

ul.footer-map-menu > li > a::before {
  content: "\f061";
  position: absolute;

  top: 50%;
  left: -10px;

  margin-top: 1px;

  font-family: "Font Awesome 5 Free";
  font-weight: 900;

  opacity: 0;

  -webkit-transform: translate(0,-50%);
  -khtml-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);

  -webkit-transition: all .3s linear 0ms;
  -khtml-transition: all .3s linear 0ms;
  -moz-transition: all .3s linear 0ms;
  -ms-transition: all .3s linear 0ms;
  -o-transition: all .3s linear 0ms;
  transition: all .3s linear 0ms;
}

ul.footer-map-menu > li > a:hover::before {
  opacity: 1;
  left: 0;
}

.footer-about-title {
  margin: 0;
  margin-bottom: 41px;

  line-height: 1.33333;
  font-size: 25px;
  font-weight: 800;
  color: #ffffff;
}

.footer-about > p {
  margin: 0;
  margin-bottom: 16px;

  text-align: left;

  line-height: 28px;
  font-size: 15px;
  color: #bdbdbd;
}



footer.full-footer .footer-bottom {
  position: relative;
  display: flex;

  width: 100%;

  padding: 10px 0;

  background: #1d1d1d;
}

footer.full-footer .footer-bottom > .footer-inner {
  align-items: center;
}

footer.full-footer .footer-bottom > .footer-inner > div {
  flex: 1;
  padding: 5px 15px;
}

footer .footer-copyright-box > p {
  margin: 0;
  padding: 0;

  color: #bdbdbd;
  font-size: 15px;
}

footer .footer-copyright-box a {
  color: inherit;

  -webkit-transition: all .3s linear 0ms;
  -khtml-transition: all .3s linear 0ms;
  -moz-transition: all .3s linear 0ms;
  -ms-transition: all .3s linear 0ms;
  -o-transition: all .3s linear 0ms;
  transition: all .3s linear 0ms;
}

footer .footer-copyright-box a:hover {
  color: #0064eb;
}

footer.full-footer .footer-bottom .footer-socialmedia {
  position: relative;
  display: flex;

  align-items: center;
  justify-content: flex-end;
}

footer.full-footer .footer-bottom .footer-socialmedia > a {
  color: inherit;
}

footer.full-footer .footer-bottom .footer-socialmedia > a+a {
  margin-left: 11px;
}

footer.full-footer .footer-bottom .footer-socialmedia > a > i {
  overflow: hidden;

  width: 41px;
  height: 41px;

  font-size: 12px;

  -webkit-border-radius: 41px;
  -khtml-border-radius: 41px;
  -moz-border-radius: 41px;
  -ms-border-radius: 41px;
  -o-border-radius: 41px;
  border-radius: 41px;

  text-align: center;

  line-height: 41px;

  color: #fff;

  background-color: #0064eb;

  -webkit-transition: all .3s linear 0ms;
  -khtml-transition: all .3s linear 0ms;
  -moz-transition: all .3s linear 0ms;
  -ms-transition: all .3s linear 0ms;
  -o-transition: all .3s linear 0ms;
  transition: all .3s linear 0ms;
}

footer.full-footer .footer-bottom .footer-socialmedia > a:hover > i:before {
  -webkit-animation: toBottomFromTop .3s forwards;
  -moz-animation: toBottomFromTop .3s forwards;
  animation: toBottomFromTop .3s forwards;
}

footer.full-footer .footer-bottom .footer-socialmedia > a > i:before {
  -webkit-transition: all .3s linear 0ms;
  -khtml-transition: all .3s linear 0ms;
  -moz-transition: all .3s linear 0ms;
  -ms-transition: all .3s linear 0ms;
  -o-transition: all .3s linear 0ms;
  transition: all .3s linear 0ms;
  display: inline-block;
}





/* RESPONSIVE */
@media (max-width: 1199px) {
  footer.full-footer .footer-top > .footer-inner {
    padding-right: 0;
    padding-left: 0;
  }

  footer.full-footer .footer-top .footer-map-item {
    width: 25%!important;
  }
  footer.full-footer .footer-top .footer-map-item:nth-child(4) {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 768px) and (max-width: 1198px) {
  footer.full-footer .footer-top .footer-map-item {
    width: 50%!important;
  }
}

@media (max-width: 767px) {
  footer.full-footer .footer-top .footer-map-item {
    width: 100%!important;
  }

  footer.full-footer .footer-bottom > .footer-inner {
    flex-direction: column;
    align-items: flex-start;
  }
}



























@-webkit-keyframes toBottomFromTop {
	49% {
		-webkit-transform: translateY(100%)
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%)
	}
	51% {
		opacity: 1
	}
}
@-moz-keyframes toBottomFromTop {
	49% {
		-moz-transform: translateY(100%)
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(-100%)
	}
	51% {
		opacity: 1
	}
}
@keyframes toBottomFromTop {
	49% {
		transform: translateY(100%)
	}
	50% {
		opacity: 0;
		transform: translateY(-100%)
	}
	51% {
		opacity: 1
	}
}