#footer {
  background: var(--light-color);
  /* .btns-holder {
		@include media('<desktop') {
			display: flex;
			margin:  0 0 0;
			.tel {
				width: 50%;
				flex-grow: 1;
				a {
					font-size: 0;
					line-height: 0;
					background: $highlight-color;
					color: $white;
					display: block;
					text-decoration: none;
					text-align: center;
					padding:  15px 0;
				}
				.callnow {
					font-size: 20px;
					line-height: 1.1;
					color: $white;
					text-decoration: none;
					display: block;
					i {
						margin:  0 10px 0 0;
					}
				}
			}
			.btn {
				margin: 0;
				width: 50%;
				border-radius: 0;
				background: $white;
				border-color: rgba(#000, 0.2);
				color: $black;
				font-size: 1em;
				padding:  15px 0;
				flex-grow: 1;
				line-height: 1.1;
			}
		}
	} */ }
  #footer .footer-top {
    padding: 50px 0 30px;
    text-align: center; }
    @media (min-width: 1024px) {
      #footer .footer-top {
        padding: 50px 0; } }
    #footer .footer-top .row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin: 0 -20px -20px; }
      @media (min-width: 1024px) {
        #footer .footer-top .row {
          margin: 0 -20px -30px; } }
      #footer .footer-top .row .col {
        width: 100%;
        padding: 0 20px 20px; }
        @media (min-width: 1024px) {
          #footer .footer-top .row .col {
            width: 33.33%;
            padding: 0 20px 30px; } }
        @media (min-width: 1024px) {
          #footer .footer-top .row .col.info {
            -webkit-box-ordinal-group: 4;
                -ms-flex-order: 3;
                    order: 3; } }
        @media (max-width: 1023px) {
          #footer .footer-top .row .col.info {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-flow: column nowrap;
                    flex-flow: column nowrap;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse; } }
        @media (max-width: 1023px) {
          #footer .footer-top .row .col.info .heading {
            display: none; } }
      #footer .footer-top .row .social-networks {
        margin: 0 0 20px; }
  #footer address {
    margin: 0 0 20px; }
  #footer .info-holder, #footer .footer-nav {
    margin: 0 0 20px; }
  #footer .logo-img {
    max-width: 100px;
    margin: 0 auto; }
  #footer .time-dropdown {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 20px; }
    #footer .time-dropdown .time-drop-opener {
      margin: 0 !important; }
  #footer .logo, #footer .company-name {
    width: 200px;
    height: 74px;
    margin: 0 auto 20px; }
    @media (min-width: 768px) {
      #footer .logo, #footer .company-name {
        width: 240px;
        height: 92px; } }
    @media (min-width: 1440px) {
      #footer .logo, #footer .company-name {
        width: 264px;
        height: 111px; } }
    #footer .logo img, #footer .company-name img {
      display: block;
      max-width: 100%;
      max-height: 100%; }
    #footer .logo a, #footer .company-name a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
      height: 100%; }
  #footer .company-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    font-weight: 700;
    font-size: 1.2em;
    line-height: 1; }
    @media (min-width: 1024px) {
      #footer .company-name {
        font-size: 1.6em; } }
  #footer address {
    font-style: normal; }
  #footer .heading {
    display: block;
    font-size: 1.15em;
    font-weight: 600;
    margin: 0 0 10px; }
    @media (min-width: 576px) {
      #footer .heading {
        font-size: 1.3em; } }
    @media (min-width: 1024px) {
      #footer .heading {
        margin: 0 0 20px; } }
  #footer .footer-nav ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    #footer .footer-nav ul li + li {
      padding-top: 10px; }
    #footer .footer-nav ul li a {
      color: var(--black-color); }
  #footer .tel {
    display: block;
    font-size: 1.3em;
    font-weight: 700;
    text-decoration: none; }
    #footer .tel span {
      text-decoration: none; }
    #footer .tel .callnow {
      display: none; }
  #footer .compnay-reg {
    display: block; }
  #footer .vag-reg {
    display: block; }
  #footer .btn {
    margin: 0; }
  #footer .social-area {
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    padding: 20px 0; }
    @media (min-width: 1600px) {
      #footer .social-area {
        padding: 40px 0; } }
    #footer .social-area.pale-bg {
      background: var(--pale-color); }
    #footer .social-area.dark-bg {
      background: var(--dark-color);
      color: var(--white-color); }
      #footer .social-area.dark-bg a {
        color: var(--white-color); }
    #footer .social-area.highlight-bg {
      background: var(--highlight-color);
      color: var(--white-color); }
      #footer .social-area.highlight-bg a {
        color: var(--white-color); }
  #footer .footer-bottom {
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    padding: 20px 0;
    text-align: center;
    font-size: 0.85em; }
    @media (min-width: 1024px) {
      #footer .footer-bottom {
        padding: 30px 0;
        text-align: left;
        font-size: 1em; } }
    @media (min-width: 1024px) {
      #footer .footer-bottom .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
    #footer .footer-bottom.pale-bg {
      background: var(--pale-color); }
    #footer .footer-bottom.dark-bg {
      background: var(--dark-color);
      color: var(--white-color); }
      #footer .footer-bottom.dark-bg a {
        color: var(--white-color); }
    #footer .footer-bottom.highlight-bg {
      background: var(--highlight-color);
      color: var(--white-color); }
      #footer .footer-bottom.highlight-bg a {
        color: var(--white-color); }
  #footer .badge {
    margin: 0 0 0 20px;
    font-style: italic;
    font-weight: 600; }
  #footer .copyright-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 1023px) {
      #footer .copyright-holder {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; } }
  #footer .copyright {
    width: 100%;
    display: block; }
    @media (min-width: 1024px) {
      #footer .copyright {
        width: auto;
        margin: 0 15px 0 0; } }
  #footer .footer-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
    @media (max-width: 1023px) {
      #footer .footer-links ul {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    #footer .footer-links ul li {
      margin: 0 10px; }
      #footer .footer-links ul li a {
        color: var(--black-color); }
  #footer .tel .call-us {
    text-decoration: none; }
    #footer .tel .call-us.v2 {
      color: var(--white-color);
      font-size: 20px;
      line-height: 1.1; }
      @media (min-width: 1024px) {
        #footer .tel .call-us.v2 {
          color: var(--black-color); } }
      #footer .tel .call-us.v2 i {
        margin: 0 8px 0 0; }
        @media (min-width: 1024px) {
          #footer .tel .call-us.v2 i {
            color: var(--highlight-color); } }
  #footer .btns-holder {
    margin: 0 0 20px; }
  #footer .footer-top.pale-bg {
    background: var(--pale-color); }
    @media (max-width: 1023px) {
      #footer .footer-top.pale-bg .btns-holder .btn {
        background: var(--white-color); } }
  #footer .footer-top.dark-bg {
    background: var(--dark-color);
    color: var(--white-color); }
    #footer .footer-top.dark-bg .footer-links ul li a {
      color: var(--white-color); }
    #footer .footer-top.dark-bg .footer-nav ul li a {
      color: var(--white-color); }
    #footer .footer-top.dark-bg .social-area, #footer .footer-top.dark-bg .footer-bottom {
      border-top: solid 1px rgba(255, 255, 255, 0.2); }
    #footer .footer-top.dark-bg .phone-dropdown .phone-opener {
      color: var(--white-color); }
    #footer .footer-top.dark-bg .time-dropdown .time-drop-opener {
      border-color: var(--white-color);
      color: var(--white-color); }
      #footer .footer-top.dark-bg .time-dropdown .time-drop-opener span {
        color: var(--highlight-color); }
      @media (max-width: 767px) {
        #footer .footer-top.dark-bg .time-dropdown .time-drop-opener {
          background: var(--highlight-color); }
          #footer .footer-top.dark-bg .time-dropdown .time-drop-opener span {
            color: var(--white-color); } }
    #footer .footer-top.dark-bg .time-dropdown .time-drop {
      background: var(--dark-color);
      color: var(--white-color);
      border-color: var(--white-color); }
      @media (max-width: 767px) {
        #footer .footer-top.dark-bg .time-dropdown .time-drop {
          background: var(--dark-color); } }
    #footer .footer-top.dark-bg .time-dropdown .time-drop li span {
      color: var(--highlight-color); }
  #footer .footer-top.highlight-bg {
    background: var(--highlight-color);
    color: var(--white-color); }
    #footer .footer-top.highlight-bg .footer-links ul li a {
      color: var(--white-color); }
    #footer .footer-top.highlight-bg .footer-nav ul li a {
      color: var(--white-color); }
    #footer .footer-top.highlight-bg .social-area, #footer .footer-top.highlight-bg .footer-bottom {
      border-top: solid 1px rgba(255, 255, 255, 0.2); }
    @media (max-width: 1023px) {
      #footer .footer-top.highlight-bg .btns-holder .tel a {
        background: var(--black-color); } }
    #footer .footer-top.highlight-bg .back-to-top {
      background: var(--black-color); }
    #footer .footer-top.highlight-bg .phone-dropdown .phone-opener {
      color: var(--black-color);
      border-color: var(--black-color); }
    #footer .footer-top.highlight-bg .time-dropdown .time-drop-opener {
      border-color: var(--white-color);
      color: var(--white-color); }
      #footer .footer-top.highlight-bg .time-dropdown .time-drop-opener span {
        color: var(--black-color); }
      @media (max-width: 767px) {
        #footer .footer-top.highlight-bg .time-dropdown .time-drop-opener {
          background: var(--black-color); }
          #footer .footer-top.highlight-bg .time-dropdown .time-drop-opener span {
            color: var(--white-color); } }
    #footer .footer-top.highlight-bg .time-dropdown .time-drop {
      background: var(--highlight-color);
      color: var(--white-color);
      border-color: var(--white-color); }
      @media (max-width: 767px) {
        #footer .footer-top.highlight-bg .time-dropdown .time-drop {
          background: var(--black-color); } }
    #footer .footer-top.highlight-bg .time-dropdown .time-drop li span {
      color: var(--white-color); }
  @media (min-width: 1024px) {
    #footer .phone-dropdown .drop {
      top: 100%;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      margin-top: -20px; } }
  #footer .phone-dropdown .drop .tel {
    font-size: inherit;
    margin: 0; }
  @media (max-width: 1023px) {
    #footer .phone-dropdown {
      width: 50%;
      margin: 0; }
      #footer .phone-dropdown .phone-opener {
        background: var(--highlight-color);
        color: var(--white-color);
        display: block;
        width: 100%;
        border: 0; }
      #footer .phone-dropdown .drop {
        left: 0;
        width: 100%;
        min-width: 270px; }
        #footer .phone-dropdown .drop .tel {
          width: auto; }
          #footer .phone-dropdown .drop .tel a {
            color: var(--white-color);
            font-size: 0.9;
            line-height: 1.1;
            padding: 0;
            width: auto; } }

.social-networks {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px; }
  @media (min-width: 768px) {
    .social-networks {
      font-size: 30px; } }
  .social-networks li {
    margin: 0 18px; }
    @media (min-width: 768px) {
      .social-networks li {
        margin: 0 25px; } }
    .social-networks li a {
      text-decoration: none; }
      .social-networks li a:hover {
        opacity: 0.8; }

.back-to-top {
  position: fixed;
  right: 10px;
  bottom: 10px;
  border-radius: 4px;
  width: 40px;
  height: 40px;
  background-color: var(--highlight-color);
  color: var(--white-color);
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1000;
  display: none;
  -webkit-transition: linear 0.4s;
  transition: linear 0.4s;
  text-decoration: none; }
  .back-to-top:hover {
    color: var(--white-color);
    background-color: var(--highlight-color); }
  .back-to-top.visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
/*# sourceMappingURL=footer.css.map */