/* 1 Components */
/* 1.1 form, button, input */
/* 1.1.1 buttons / .btn , .btn-divided, .btn-outline, .btn-circicon, .btn-icon */






.btn {
  padding: 0.75rem 1.5rem;
  cursor: pointer;
  min-height: 52px;
  line-height: 1.2; }
  .btn.no-border {
    border: none; }

.btn-sm {
  padding: 0.25rem 0.75rem;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.5;
  min-height: 30px; }

.btn-round {
  border-radius: 10rem; }

.btn-rect {
  border-radius: 0; }

/* Slide nav buttons */
.fp-controlArrow {
  z-index: 10;
  top: auto;
  bottom: 32px;
  transition: 0.15s; }
  @media (min-width: 1024px) {
    .fp-controlArrow {
      bottom: 96px; } }
  .fp-controlArrow.fp-prev {
    left: 16px;
    border: 2px solid #ffffff;
    width: 32px;
    height: 32px;
    -webkit-transform: rotate(45deg) translateY(-50%);
            transform: rotate(45deg) translateY(-50%);
    border-right: 0;
    border-top: 0; }
    @media (min-width: 1024px) {
      .fp-controlArrow.fp-prev {
        width: 48px;
        height: 48px;
        left: 42px; } }
  .fp-controlArrow.fp-next {
    right: 16px;
    border: 2px solid #ffffff;
    width: 32px;
    height: 32px;
    -webkit-transform: rotate(-45deg) translateY(-50%);
            transform: rotate(-45deg) translateY(-50%);
    border-left: 0;
    border-top: 0; }
    @media (min-width: 1024px) {
      .fp-controlArrow.fp-next {
        width: 48px;
        height: 48px;
        right: 42px; } }
  .fp-controlArrow:hover {
    border-width: 8px; }

.btn {
  color: currentColor;
  border: 1px solid transparent;
  background-color: #0094D8;
  border-radius: 0;
  font-size: 1rem;
  line-height: 1.8; }
  @media (min-width: 768px) {
    .btn {
      font-size: 1.125rem; } }
  @media (min-width: 1024px) {
    .btn {
      font-size: 1.2rem; } }
  .btn.active, .btn:active {
    color: currentColor;
    background-color: #006593; }
  .btn:hover, .btn:focus {
    color: currentColor;
    background-color: #006593;
    border-color: #006593; }
  .btn.disabled, .btn:disabled {
    color: currentColor;
    opacity: 0.7;
    background-color: #006593; }

.btn-full {
  width: 100%; }

@media (min-width: 1024px) {
  .btn-auto-full {
    width: auto; } }

.btn-primary {
  color: #ffffff;
  border: 1px solid transparent;
  background-color: #0094D8; }
  .btn-primary.active, .btn-primary:active {
    color: #ffffff;
    background-color: #006593; }
  .btn-primary:hover, .btn-primary:focus {
    color: #ffffff;
    background-color: #006593;
    border-color: #006593; }
  .btn-primary.disabled, .btn-primary:disabled {
    color: #ffffff;
    opacity: 0.7;
    background-color: #006593; }

.btn-secondary {
  color: #ffffff;
  border: 1px solid transparent;
  background-color: #3f4b62; }
  .btn-secondary.active, .btn-secondary:active {
    color: #ffffff;
    background-color: #2b3343; }
  .btn-secondary:hover, .btn-secondary:focus {
    color: #ffffff;
    background-color: #2b3343;
    border-color: #2b3343; }
  .btn-secondary.disabled, .btn-secondary:disabled {
    color: #ffffff;
    opacity: 0.7;
    background-color: #2b3343; }

.btn-white {
  color: #0094D8;
  border: 1px solid transparent;
  background-color: #ffffff; }
  .btn-white.active, .btn-white:active {
    color: #0094D8;
    background-color: #d6d6d6; }
  .btn-white:hover, .btn-white:focus {
    color: #0094D8;
    background-color: #d6d6d6;
    border-color: #d6d6d6; }
  .btn-white.disabled, .btn-white:disabled {
    color: #0094D8;
    opacity: 0.7;
    background-color: #d6d6d6; }

.btn-black {
  color: #ffffff;
  border: 1px solid transparent;
  background-color: #1d1d1d; }
  .btn-black.active, .btn-black:active {
    color: #ffffff;
    background-color: #141414; }
  .btn-black:hover, .btn-black:focus {
    color: #ffffff;
    background-color: #141414;
    border-color: #141414; }
  .btn-black.disabled, .btn-black:disabled {
    color: #ffffff;
    opacity: 0.7;
    background-color: #141414; }

.btn-icon {
  padding-right: 8px;
  margin-right: 8px;
  display: inline-block;
  color: currentColor;
  opacity: 0.5;
  transition: 0.3s;
  text-decoration: none;
  font-size: 32px; }
  .btn-icon:hover {
    color: currentColor;
    opacity: 1; }

.btns-divided {
  position: relative;
  display: flex;
  width: 100%; }
  .btns-divided .left-side {
    display: flex;
    justify-content: flex-end; }
  .btns-divided .right-side {
    display: flex;
    justify-content: flex-start; }
  .btns-divided .btn-divided {
    margin-left: 16px !important;
    margin-right: 16px !important; }

.btns-action .btns-divided .btn {
  width: 100%; }
  @media screen and (min-width: 1024px) {
    .btns-action .btns-divided .btn {
      max-width: 320px; } }

.btn-divided {
  display: flex;
  align-items: center;
  overflow: hidden;
  flex-direction: column;
  padding: 0.75rem 0rem;
  width: 100%;
  background: transparent;
  border: 1px solid currentColor; }
  @media screen and (min-width: 1024px) {
    .btn-divided {
      border-left: none;
      border-right: none; } }
  .btn-divided .b-title {
    text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0.2em;
    padding-left: 0.2em;
    transition: 0.2s;
    -webkit-transform: translateY(0.55em);
            transform: translateY(0.55em); }
  .btn-divided .b-subtitle {
    font-size: 0.875rem;
    transition: 0.2s;
    opacity: 0;
    -webkit-transform: translateX(10%);
            transform: translateX(10%); }
  @media screen and (min-width: 1024px) {
    .btn-divided.btn-left {
      align-items: flex-end; }
      .btn-divided.btn-left .b-title {
        margin-right: -0.2em; } }
  .btn-divided.btn-right .b-subtitle {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%); }
  @media screen and (min-width: 1024px) {
    .btn-divided.btn-right {
      align-items: flex-start; }
      .btn-divided.btn-right .b-title {
        margin-left: -0.2em; } }
  .btn-divided:active, .btn-divided:focus, .btn-divided:hover {
    box-shadow: none;
    border-color: currentColor;
    background: transparent; }
    .btn-divided:active .b-title, .btn-divided:focus .b-title, .btn-divided:hover .b-title {
      -webkit-transform: none;
              transform: none;
      opacity: 1; }
    .btn-divided:active .b-subtitle, .btn-divided:focus .b-subtitle, .btn-divided:hover .b-subtitle {
      -webkit-transform: none;
              transform: none;
      opacity: 1;
      transition-delay: 0.1s; }

.btn-line {
  font-family: own-font-two;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 1rem;
  font-size: 1.125rem;
  border: none;
  background: none;
  padding-left: 6.5rem;
  position: relative;
  display: inline-block;
  min-height: 1em;
  padding-top: 0;
  padding-bottom: 0; 
text-align:left;
}

  .btn-line .text {
    display: inline-block;
    transition: 0.3s;
    margin-left: -134px;
    font-size:13px;

}
.frMyOwn::before, .frMyOwn::after {
    left: 86% !important;
}


  .btn-line::before, .btn-line::after {
    position: absolute;
    content: "";
    left: 202px !important;
    top: 58%;
    width: 2rem;
    margin-top: -2px;
    border-bottom: 2px solid currentColor;
    transition: 0.3s;
 }

.show-contact-message:before, .show-contact-message:after{
    left: 125px !important;
    top: 32% !important;
}
a.btn.btn-line.show-contact-information.frMyOwn:before, a.btn.btn-line.show-contact-information.frMyOwn:after{
    left: 125px !important;
}
  .btn-line.long-line {
    margin: 0;
    margin-right: 8px;
    padding-left: 6.25rem; }
    .btn-line.long-line::before, .btn-line.long-line::after {
      width: 5rem; }
.bnr-btn{

       color: #fff;
       letter-spacing: 1px;
       font-size: 27px;
       text-transform: uppercase;
}
.bnr-btn:hover{
  text-decoration: none;
}
  .btn-line.active, .btn-line:active, .btn-line:focus, .btn-line:hover {
    color: currentColor;
    background: none;
    box-shadow: none; }

    .btn-line.active .text, .btn-line:active .text, .btn-line:focus .text, .btn-line:hover .text {
      -webkit-transform: translateX(-0.5rem);
              transform: translateX(-0.5rem); }

    .btn-line.active.long-line .text, .btn-line:active.long-line .text, .btn-line:focus.long-line .text, .btn-line:hover.long-line .text {
      -webkit-transform: translateX(-4rem);
              transform: translateX(-4rem); }

    .btn-line.active::before, .btn-line:active::before, .btn-line:focus::before, .btn-line:hover::before {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      -webkit-transform-origin: 100%;
              transform-origin: 100%;
      width: 1rem; }
    .btn-line.active::after, .btn-line:active::after, .btn-line:focus::after, .btn-line:hover::after {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      -webkit-transform-origin: 100%;
              transform-origin: 100%;
      width: 1rem; }
}
}

.btn-line.btn-primary {
  color: #0094D8; }

.btn-line.btn-secondary {
  color: #3f4b62; }

.btn-line.btn-white {
  color: #ffffff; }

.btn-line.btn-black {
  color: #1d1d1d; }

.btn-outline {
  color: #1d1d1d;
  border: 1px solid rgba(29, 29, 29, 0.2);
  transition: 0.3s background-color;
  background: none;
  line-height: 1.25;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 8px;
  text-transform: uppercase;
  font-family: own-font-two;
  letter-spacing: 0.2em;
  font-size: 1rem; }
  .btn-outline.white-bg:before {
    position: absolute;
    z-index: -1;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff; }
  .btn-outline.active, .btn-outline:active {
    color: #ffffff;
    border-color: #ffffff;
    background-color: transparent; }
  .btn-outline:hover, .btn-outline:focus {
    background: #1d1d1d;
    color: #ffffff;
    border-color: #1d1d1d;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 5px rgba(0, 0, 0, 0.2); }
  .btn-outline.disabled, .btn-outline:disabled {
    color: #1d1d1d;
    opacity: 0.7;
    background-color: transparent; }
  .btn-outline .text {
    height: 0.875em; }
  .btn-outline .text, .btn-outline .icon {
    line-height: 1;
    position: relative; }
  .btn-outline > .icon + .text {
    margin-left: 0.75em; }
  .btn-outline > .text + .icon {
    margin-left: 0.75em; }

.btn-outline-primary {
  color: #0094D8;
  border: 1px solid rgba(0, 148, 216, 0.2);
  transition: 0.3s background-color;
  background: none;
  line-height: 1.25;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 8px;
  text-transform: uppercase;
  font-family: own-font-two;
  letter-spacing: 0.2em;
  font-size: 1rem; }
  .btn-outline-primary.white-bg:before {
    position: absolute;
    z-index: -1;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff; }
  .btn-outline-primary.active, .btn-outline-primary:active {
    color: #ffffff;
    border-color: #ffffff;
    background-color: transparent; }
  .btn-outline-primary:hover, .btn-outline-primary:focus {
    background: #0094D8;
    color: #ffffff;
    border-color: #0094D8;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 5px rgba(0, 0, 0, 0.2); }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #0094D8;
    opacity: 0.7;
    background-color: transparent; }
  .btn-outline-primary .text {
    height: 0.875em; }
  .btn-outline-primary .text, .btn-outline-primary .icon {
    line-height: 1;
    position: relative; }
  .btn-outline-primary > .icon + .text {
    margin-left: 0.75em; }
  .btn-outline-primary > .text + .icon {
    margin-left: 0.75em; }

.btn-outline-secondary {
  color: #3f4b62;
  border: 1px solid rgba(63, 75, 98, 0.2);
  transition: 0.3s background-color;
  background: none;
  line-height: 1.25;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 8px;
  text-transform: uppercase;
  font-family: own-font-two;
  letter-spacing: 0.2em;
  font-size: 1rem; }
  .btn-outline-secondary.white-bg:before {
    position: absolute;
    z-index: -1;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff; }
  .btn-outline-secondary.active, .btn-outline-secondary:active {
    color: #ffffff;
    border-color: #ffffff;
    background-color: transparent; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus {
    background: #3f4b62;
    color: #ffffff;
    border-color: #3f4b62;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 5px rgba(0, 0, 0, 0.2); }
  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #3f4b62;
    opacity: 0.7;
    background-color: transparent; }
  .btn-outline-secondary .text {
    height: 0.875em; }
  .btn-outline-secondary .text, .btn-outline-secondary .icon {
    line-height: 1;
    position: relative; }
  .btn-outline-secondary > .icon + .text {
    margin-left: 0.75em; }
  .btn-outline-secondary > .text + .icon {
    margin-left: 0.75em; }

.btn-outline-white {
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: 0.3s background-color;
  background: none;
  line-height: 1.25;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 8px;
  text-transform: uppercase;
  font-family: exo-regular;
  letter-spacing: 1px;
  font-size: 16px;

}
  .btn-outline-white.white-bg:before {
    position: absolute;
    z-index: -1;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
  }
  .btn-outline-white.active, .btn-outline-white:active {
    color: #1d1d1d;
    border-color: #1d1d1d;
    background-color: transparent; }
  .btn-outline-white:hover, .btn-outline-white:focus {
    background: #ffffff;
    color: #da242b !important;
    border-color: #ffffff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 5px rgba(0, 0, 0, 0.2); }

  .btn-outline-white.disabled, .btn-outline-white:disabled {
    color: #ffffff;
    opacity: 0.7;
    background-color: transparent; }
  .btn-outline-white .text {
    height: 0.875em; }
  .btn-outline-white .text, .btn-outline-white .icon {
    line-height: 1;
    position: relative; }
  .btn-outline-white > .icon + .text {
    margin-left: 0.75em; }
  .btn-outline-white > .text + .icon {
    margin-left: 0.75em; }

.btn-outline-black {
  color: #1d1d1d;
  border: 1px solid rgba(29, 29, 29, 0.2);
  transition: 0.3s background-color;
  background: none;
  line-height: 1.25;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 8px;
  text-transform: uppercase;
  font-family: "Jost", "Glacial Indifference", "Montserrat", "Open Sans", sans-serif;
  letter-spacing: 0.2em;
  font-size: 1rem; }
  .btn-outline-black.white-bg:before {
    position: absolute;
    z-index: -1;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff; }
  .btn-outline-black.active, .btn-outline-black:active {
    color: #ffffff;
    border-color: #ffffff;
    background-color: transparent; }
  .btn-outline-black:hover, .btn-outline-black:focus {
    background: #1d1d1d;
    color: #ffffff;
    border-color: #1d1d1d;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 5px rgba(0, 0, 0, 0.2); }
  .btn-outline-black.disabled, .btn-outline-black:disabled {
    color: #1d1d1d;
    opacity: 0.7;
    background-color: transparent; }
  .btn-outline-black .text {
    height: 0.875em; }
  .btn-outline-black .text, .btn-outline-black .icon {
    line-height: 1;
    position: relative; }
  .btn-outline-black > .icon + .text {
    margin-left: 0.75em; }
  .btn-outline-black > .text + .icon {
    margin-left: 0.75em; }



.btn-circicon {
  min-width: auto;
  color: #ffffff;
  border: none;
  background: none;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: 0.2s; }
  .btn-circicon > .icon {
    background: #ffffff;
    color: #0094D8;
    vertical-align: middle;
    border-radius: 100px;
    position: relative;
    height: 46px;
    width: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s; }
    .btn-circicon > .icon:before {
      content: "";
      background: #0094D8;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      opacity: 0;
      border-radius: 100px;
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
      transition: 0.2s; }
    .btn-circicon > .icon .fa,
    .btn-circicon > .icon .ion,
    .btn-circicon > .icon .icon {
      font-size: 1rem;
      line-height: 1;
      position: relative;
      z-index: 1;
      transition: 0.2s; }
  .btn-circicon .text {
    display: inline-block;
    padding-right: 1rem;
    padding-left: 1rem;
    transition: 0.2s; }
  .btn-circicon .icon + .text {
    padding-left: 1rem; }
  .btn-circicon:focus, .btn-circicon:hover {
    background: none;
    border: none;
    box-shadow: none; }
    .btn-circicon:focus > .icon, .btn-circicon:hover > .icon {
      background: rgba(255, 255, 255, 0.2); }
      .btn-circicon:focus > .icon:before, .btn-circicon:hover > .icon:before {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1); }
      .btn-circicon:focus > .icon .fa,
      .btn-circicon:focus > .icon .ion,
      .btn-circicon:focus > .icon .icon, .btn-circicon:hover > .icon .fa,
      .btn-circicon:hover > .icon .ion,
      .btn-circicon:hover > .icon .icon {
        color: #ffffff; }
    .btn-circicon:focus .text, .btn-circicon:hover .text {
      opacity: 0.5; }

.btn-circicon.btn-primary {
  color: #ffffff; }
  .btn-circicon.btn-primary .icon {
    background: #ffffff;
    color: #0094D8; }
  .btn-circicon.btn-primary:hover .icon {
    background: rgba(255, 255, 255, 0.2); }

.btn-circicon.btn-secondary {
  color: #ffffff; }
  .btn-circicon.btn-secondary .icon {
    background: #ffffff;
    color: #3f4b62; }
  .btn-circicon.btn-secondary:hover .icon {
    background: rgba(255, 255, 255, 0.2); }

.btn-circicon.btn-white {
  color: #ffffff; }
  .btn-circicon.btn-white .icon {
    background: #ffffff;
    color: #0094D8; }
  .btn-circicon.btn-white:hover .icon {
    background: rgba(255, 255, 255, 0.2); }

.btn-circicon.btn-black {
  color: #ffffff; }
  .btn-circicon.btn-black .icon {
    background: #ffffff;
    color: #1d1d1d; }
  .btn-circicon.btn-black:hover .icon {
    background: rgba(255, 255, 255, 0.2); }

.btn-transp {
  font-family: "Jost", "Glacial Indifference", "Montserrat", "Open Sans", sans-serif;
  text-transform: uppercase;
  font-family: "Jost", "Glacial Indifference", "Montserrat", "Open Sans", sans-serif;
  letter-spacing: 0.2em;
  font-size: 1rem;
  font-size: 1.125rem;
  border: none;
  border-radius: 4px;
  padding-right: 0px;
  background: none;
  position: relative;
  display: inline-block;
  min-height: 1em;
  padding-top: 0;
  padding-bottom: 0; }
  .btn-transp .text {
    display: inline-block;
    transition: 0.3s; }
  .btn-transp::before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    width: 0;
    margin-top: -2px;
    border-bottom: 2px solid currentColor;
    transition: 0.3s; }
  .btn-transp.active, .btn-transp:active, .btn-transp:focus, .btn-transp:hover {
    color: currentColor;
    box-shadow: none;
    background: transparent; }
    .btn-transp.active .text, .btn-transp:active .text, .btn-transp:focus .text, .btn-transp:hover .text {
      opacity: 0.7; }
    .btn-transp.active::before, .btn-transp:active::before, .btn-transp:focus::before, .btn-transp:hover::before {
      opacity: 1;
      width: 16px; }

.btn-line.btn-primary {
  color: #0094D8; }

.btn-line.btn-secondary {
  color: #3f4b62; }

.btn-line.btn-white {
  color: #ffffff; }

.btn-line.btn-black {
  color: #1d1d1d; }

.btn-transp-arrow {
  background: none;
  line-height: 1.25;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 8px;
  border: none;
  padding: 0;
  min-height: 40px;
  text-transform: uppercase;
  font-family: "Jost", "Glacial Indifference", "Montserrat", "Open Sans", sans-serif;
  letter-spacing: 0.2em;
  font-size: 1rem; }
  .btn-transp-arrow.white-bg:before {
    position: absolute;
    z-index: -1;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff; }
  .btn-transp-arrow.active, .btn-transp-arrow:active, .btn-transp-arrow:hover, .btn-transp-arrow:focus {
    color: currentColor;
    background: transparent;
    box-shadow: none;
    outline: none; }
  .btn-transp-arrow.disabled, .btn-transp-arrow:disabled {
    color: #ffffff;
    opacity: 0.7;
    background-color: transparent; }
  .btn-transp-arrow .text {
    height: 0.875em; }
  .btn-transp-arrow .text, .btn-transp-arrow .icon {
    line-height: 1;
    position: relative; }
  .btn-transp-arrow > .icon + .text {
    margin-left: 0.75em; }
  .btn-transp-arrow > .text + .icon {
    margin-left: 0.75em; }

.btn > .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center; }
  .btn > .icon .arrow-left, .btn > .icon .arrow-right, .btn > .icon .arrow-up, .btn > .icon .arrow-down {
    position: relative;
    height: 1em;
    width: 1.25em;
    display: inline-block;
    border-radius: 0;
    box-sizing: border-box; }
    .btn > .icon .arrow-left:before, .btn > .icon .arrow-right:before, .btn > .icon .arrow-up:before, .btn > .icon .arrow-down:before {
      position: absolute;
      content: "";
      height: 0.75em;
      width: 0.75em;
      border: 2px solid currentColor;
      border-top: none;
      border-right: none;
      background: transparent;
      transition: 0.3s; }
    .btn > .icon .arrow-left:after, .btn > .icon .arrow-right:after, .btn > .icon .arrow-up:after, .btn > .icon .arrow-down:after {
      position: absolute;
      content: "";
      transition: 0.3s; }
  .btn > .icon .arrow-left:before {
    left: 0.125em;
    top: 0.14063em;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .btn > .icon .arrow-left:after {
    left: 0px;
    top: 0.44062em;
    height: 2px;
    width: 1em;
    border-top: 2px solid currentColor; }
  .btn > .icon .arrow-right:before {
    right: 0.125em;
    top: 0.125em;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .btn > .icon .arrow-right:after {
    right: 1px;
    top: 0.44062em;
    height: 2px;
    width: 1em;
    border-top: 2px solid currentColor; }
  .btn > .icon .arrow-up:before {
    left: 0.375em;
    top: -0.1875em;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  .btn > .icon .arrow-up:after {
    left: 0.70313em;
    top: -0.25em;
    height: 1.5em;
    width: 0px;
    border-left: 2px solid currentColor; }
  .btn > .icon .arrow-down:before {
    left: 0.375em;
    top: 0.4375em;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .btn > .icon .arrow-down:after {
    left: 0.70313em;
    top: -0.25em;
    height: 1.5em;
    width: 0px;
    border-left: 2px solid currentColor; }
  .btn > .icon .fa,
  .btn > .icon .ion,
  .btn > .icon .icon {
    font-size: 1.5em;
    height: 1.05em;
    line-height: 1;
    position: relative;
    z-index: 1;
    transition: 0.2s; }

.btn:hover > .icon .arrow-left:before {
  -webkit-transform: translateX(-6px) rotate(45deg);
          transform: translateX(-6px) rotate(45deg); }

.btn:hover > .icon .arrow-left:after {
  width: 22px;
  -webkit-transform: translateX(-6px);
          transform: translateX(-6px); }

.btn:hover > .icon .arrow-right:before {
  -webkit-transform: translateX(6px) rotate(-135deg);
          transform: translateX(6px) rotate(-135deg); }

.btn:hover > .icon .arrow-right:after {
  width: 22px;
  -webkit-transform: translateX(6px);
          transform: translateX(6px); }

.btn:hover > .icon .arrow-up:before {
  -webkit-transform: translateY(-4px) rotate(135deg);
          transform: translateY(-4px) rotate(135deg); }

.btn:hover > .icon .arrow-up:after {
  height: 32px;
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px); }

.btn:hover > .icon .arrow-down:before {
  -webkit-transform: translateY(4px) rotate(-45deg);
          transform: translateY(4px) rotate(-45deg); }

.btn:hover > .icon .arrow-down:after {
  height: 32px;
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px); }



.col-sm-12.col-md-12.col-lg-3.box-ht{
   height:445px;
}