﻿/** Impulse*/

.l-fc-tpl-contact .l-fc-tpl-contact__impulse-part {
  fill: #f0801a;
  left: -65px;
  position: absolute;
  top: 92px;
  width: 148px;
  height: 197px;
  z-index: 1;
}

.l-fc-tpl-contact.l-fc-tpl-contact--without-img
  .l-fc-tpl-contact__impulse-part {
  top: 0;
}

.l-fc-tpl-contact .l-fc-tpl-contact__impulse-opacity-05 {
  opacity: 0.5;
}

.l-fc-tpl-contact .l-fc-tpl-contact__impulse-opacity-08 {
  opacity: 0.8;
}

/** Contact Template Styles */

.l-fc-tpl-contact {
  font-size: 16px;
  min-height: 330px;
}

.l-fc-tpl-contact.l-fc-tpl-contact--without-img {
  min-height: 200px;
}

.l-fc-tpl-contact.l-fc-tpl-contact--without-img .l-fc-tpl-contact__container {
  margin-top: -55px;
}

.l-fc-tpl-contact__impulse div {
  position: absolute;
  height: 100%;
}

.l-fc-tpl-contact .l-fc-tpl-contact__title,
.l-fc-tpl-contact .l-fc-tpl-contact__subtitle {
  padding: 0;
}

.l-fc-tpl-contact .l-fc-tpl-contact__impulse-image {
  height: 227px;
  width: 227px;
}

.l-fc-tpl-contact.l-fc-tpl-contact--without-img
  .l-fc-tpl-contact__impulse-image {
  top: 0;
  height: 197px;
}

.l-fc-tpl-contact .l-fc-tpl-contact__impulse-image .l-fc-tpl-contact__image {
  overflow: hidden;
  text-align: center;
  height: 227px;
  width: 227px;
  margin-left: 62px;
}

.l-fc-tpl-contact
  .l-fc-tpl-contact__impulse-image
  .l-fc-tpl-contact__image
  img {
  height: 100%;
  width: auto;
  margin: 0;
}

.l-fc-tpl-contact .l-fc-tpl-contact__description {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 15px;
  margin-top: 40px;
}

.l-fc-tpl-contact .l-fc-tpl-contact__title {
  margin: 0;
}

.l-fc-tpl-contact .l-fc-tpl-contact__subtitle {
  font-weight: 500;
  margin: 10px 0 22px 0;
}

.l-fc-tpl-contact .l-fc-tpl-contact__list {
  line-height: 22px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.l-fc-tpl-contact .l-fc-tpl-contact__list .l-fc-tpl-contact__list-item {
  display: flex;
  margin: 10px 0;
  padding: 0;
}

.l-fc-tpl-contact
  .l-fc-tpl-contact__list
  .l-fc-tpl-contact__list-item
  .l-fc-tpl-contact__list-title {
  font-weight: bold;
  padding: 0;
}

.l-fc-tpl-contact
  .l-fc-tpl-contact__list
  .l-fc-tpl-contact__list-item
  .l-fc-tpl-contact__list-value {
  padding-right: 0;
}

.l-fc-tpl-contact .l-fc-tpl-contact__list-title {
  max-width: 62px;
}

/** Phone  **/
@media (max-width: 519.98px) {
  .l-fc-tpl-contact .l-fc-tpl-contact__impulse-image .l-fc-tpl-contact__image {
    margin-left: 0;
  }

  .l-fc-tpl-contact .l-fc-tpl-contact__impulse-part {
    left: 0;
  }

  .l-fc-tpl-contact .l-fc-tpl-contact__impulse {
    position: absolute;
    left: -24%;
  }

  .l-fc-tpl-contact__description {
    margin-left: 36%;
    flex: 0 0 64%;
    max-width: 64%;
  }
}

/** Single optional contact box  **/
.l-fs-tpl-contact .l-fs-tpl__contact-optional-list {
    line-height: 22px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.l-fs-tpl-contact .l-fs-tpl__contact-container--with-optional-list {
    display: flex;
    flex-direction: column;
}

.l-fs-tpl-contact .l-fs-tpl__contact-container--with-optional-list .l-fs-tpl__contact-title {
    order: 1;
}
.l-fs-tpl-contact .l-fs-tpl__contact-container--with-optional-list .l-fs-tpl__contact-subtitle {
    order: 2;
}
.l-fs-tpl-contact .l-fs-tpl__contact-container--with-optional-list .l-fs-tpl__contact-optional-list {
    order: 3;
}
.l-fs-tpl-contact .l-fs-tpl__contact-container--with-optional-list .l-fs-tpl__contact-phone {
    order: 4;
}
.l-fs-tpl-contact .l-fs-tpl__contact-container--with-optional-list .l-fs-tpl__contact-email {
    order: 5;
}

/** Up Tablet **/
@media (min-width: 520px) {
  .l-fc-tpl-contact .l-fc-tpl-contact__impulse-part {
    left: 0;
  }

  .l-fc-tpl-contact .l-fc-tpl-contact__description {
    margin-top: 0;
  }

  .l-fc-tpl-contact .l-fc-tpl-contact__impulse-image .l-fc-tpl-contact__image {
    width: 223px;
    height: 223px;
  }
}

/** Special Tablet  **/
@media (max-width: 849.98px) and (min-width: 520px) {
  .l-fc-tpl-contact .l-fc-tpl-contact__container {
    margin-left: 16.66667%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .l-fc-tpl-contact .l-fc-tpl-contact__description {
    margin-top: 40px;
    margin-left: 20.83333%;
    flex: 0 0 79.16667%;
    max-width: 79.16667%;
  }
}

/** Special Tablet  **/
@media (min-width: 850px) {
  .l-fc-tpl-contact.l-fc-tpl-contact--without-img
    .l-fc-tpl-contact__impulse-part {
    top: 0;
  }

  .l-fc-tpl-contact.l-fc-tpl-contact--without-img .l-fc-tpl-contact__container {
    margin-top: 40px;
  }
}

/** Special Desktop  **/
@media only screen and (max-width: 3839.98px) and (min-width: 1679px) {
  .l-fc-tpl-contact.l-fc-tpl-contact--without-img .l-fc-tpl-contact__container {
    padding-left: 0;
  }

  /**.col-lg-8 **/
  .l-fc-tpl-contact.l-fc-tpl-contact--with-img
    .l-fc-tpl-contact__impulse-image {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

/** Big-Screen  **/
@media (min-width: 3840px) {
  .l-fc-tpl-contact {
    font-size: 24px;
    line-height: 32px;
  }

  .l-fc-tpl-contact.l-fc-tpl-contact--without-img .l-fc-tpl-contact__container {
    margin-top: 80px;
  }

  .l-fc-tpl-contact .l-fc-tpl-contact__description {
    font-size: 24px;
    line-height: 32px;
  }

  .l-fc-tpl-contact .l-fc-tpl-contact__impulse-image {
    height: 467px;
    width: 362px;
  }

  .l-fc-tpl-contact .l-fc-tpl-contact__impulse-image .l-fc-tpl-contact__image {
    height: 362px;
    width: 362px;
    margin-left: 104px;
  }

  .l-fc-tpl-contact
    .l-fc-tpl-contact__impulse-image
    .l-fc-tpl-contact__image
    img {
    height: 362px;
    width: auto;
  }

  .l-fc-tpl-contact .l-fc-tpl-contact__subtitle {
    margin-bottom: 50px;
  }

  .l-fc-tpl-contact .l-fc-tpl-contact__list-title {
    max-width: 92px;
  }

  .l-fc-tpl-contact .l-fc-tpl-contact__list .l-fc-tpl-contact__list-item {
    margin: 25px 0;
  }

  .l-fc-tpl-contact .l-fc-tpl-contact__impulse-part {
    top: 146px;
    width: 241px;
    height: 321px;
  }
}
