@font-face {
  font-family: "Graphik-Regular-Web";
  font-style: normal;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
  src: url("../../fonts/Graphik/Graphik-Regular-Web.eot?#iefix") format("embedded-opentype"), url("../../fonts/Graphik/Graphik-Regular-Web.woff") format("woff"), url("../../fonts/Graphik/Graphik-Regular-Web.ttf") format("truetype"), url("../../fonts/Graphik/Graphik-Regular-Web.svg") format("svg");
}
/* TRANSITION */
/* COLORS */
/* SOCIAL */
/* MIXINS */
/*
 grayscale      ex: filter: grayscale(100%);
 sepia          ex: filter: sepia(100%);
 saturate       ex: filter: saturate(0%);
 hue-rotate     ex: filter: hue-rotate(45deg);
 invert         ex: filter: invert(100%);
 brightness     ex: filter: brightness(15%);
 contrast       ex: filter: contrast(200%);
 blur           ex: filter: blur(2px);
 */
/* SEARCH AGENCY */
.search-agency {
  position: relative;
}
.search-agency .inside-wrapper {
  position: relative;
}
.search-agency form {
  position: relative;
  padding-bottom: 50px;
}
.search-agency form h1, .search-agency form h2 {
  font-size: 36px;
  letter-spacing: -1px;
  color: #fff;
  padding-top: 40px;
  margin-bottom: 20px;
}
.search-agency form p {
  font-size: 18px;
  color: #fff;
  margin-bottom: 30px;
}
.search-agency form.search-engine {
  position: relative;
}
.search-agency .input-wrapper {
  margin-bottom: 10px;
}
.search-agency .input-geolocation .bt {
  display: block;
}
.search-agency .input-geolocation .bt .icon {
  margin-right: 10px;
}
.search-agency .input-geolocation .or {
  display: block;
  color: #fff;
  text-align: center;
}
.search-agency input {
  background-color: rgba(255, 255, 255, .95);
}
.search-agency button {
  cursor: pointer;
  display: block;
  background: none;
  width: 100%;
  border: none;
}
.search-agency button .bt-icon .icon {
  font-size: 37px;
}
.ani-agency {
  height: 100%;
}
.ani-agency .c {
  position: absolute;
  width: 80%;
  height: 100%;
  right: 0;
  top: 0;
  overflow: hidden;
}
.ani-agency .marker {
  top: -100%;
  position: absolute;
}
.ani-agency .marker1 {
  width: 70%;
}
.ani-agency .marker1 path {
  fill: #ffb511;
}
.ani-agency .marker2 {
  width: 50%;
  right: 0px;
}
.ani-agency .marker2 path {
  fill: #6ba5b4;
}
.ani-agency.v2 .marker1 path {
  fill: #2175d9;
}
.ani-agency.v2 .marker2 path {
  fill: #acacac;
}
.bgc3 .ani-agency .marker2 path {
  fill: #0f1941;
}
.bgc8 .ani-agency .marker2 path {
  fill: #f7f5f0;
}
.bgc10 .ani-agency .marker1 path {
  fill: #2175d9;
}
.bgc10 .ani-agency .marker2 path {
  fill: #0f1941;
}
.animate .ani-agency .marker1 {
  -webkit-animation: marker1 6s 0s forwards;
  animation: marker1 6s 0s forwards;
}
.animate .ani-agency .marker2 {
  -webkit-animation: marker2 6s 0s forwards;
  animation: marker2 6s 0s forwards;
}
.animate .ani-agency svg {
  -webkit-animation: marker3 6s 0s forwards;
  animation: marker3 6s 0s forwards;
}
@-webkit-keyframes marker3 {
  0% {
    fill-opacity: 0;
  }
  10% {
    fill-opacity: 1;
  }
  90% {
    fill-opacity: 1;
  }
  100% {
    fill-opacity: 1;
  }
}
@-moz-keyframes marker3 {
  0% {
    fill-opacity: 0;
  }
  10% {
    fill-opacity: 1;
  }
  90% {
    fill-opacity: 1;
  }
  100% {
    fill-opacity: 1;
  }
}
@-ms-keyframes marker3 {
  0% {
    fill-opacity: 0;
  }
  10% {
    fill-opacity: 1;
  }
  90% {
    fill-opacity: 1;
  }
  100% {
    fill-opacity: 1;
  }
}
@-o-keyframes marker3 {
  0% {
    fill-opacity: 0;
  }
  10% {
    fill-opacity: 1;
  }
  90% {
    fill-opacity: 1;
  }
  100% {
    fill-opacity: 1;
  }
}
@keyframes marker3 {
  0% {
    fill-opacity: 0;
  }
  10% {
    fill-opacity: 1;
  }
  90% {
    fill-opacity: 1;
  }
  100% {
    fill-opacity: 1;
  }
}
@-webkit-keyframes x {
  0% {
    top: -100%;
  }
  10% {
    top: 25%;
  }
  90% {
    top: 25%;
  }
  100% {
    top: 25%;
  }
}
@-moz-keyframes marker1 {
  0% {
    top: -100%;
  }
  10% {
    top: 25%;
  }
  90% {
    top: 25%;
  }
  100% {
    top: 25%;
  }
}
@-ms-keyframes marker1 {
  0% {
    top: -100%;
  }
  10% {
    top: 25%;
  }
  90% {
    top: 25%;
  }
  100% {
    top: 25%;
  }
}
@-o-keyframes marker1 {
  0% {
    top: -100%;
  }
  10% {
    top: 25%;
  }
  90% {
    top: 25%;
  }
  100% {
    top: 25%;
  }
}
@keyframes marker1 {
  0% {
    top: -100%;
  }
  10% {
    top: 25%;
  }
  90% {
    top: 25%;
  }
  100% {
    top: 25%;
  }
}
@-webkit-keyframes marker2 {
  0% {
    top: -100%;
  }
  15% {
    top: 45%;
  }
  85% {
    top: 45%;
  }
  100% {
    top: 45%;
  }
}
@-moz-keyframes marker2 {
  0% {
    top: -100%;
  }
  15% {
    top: 45%;
  }
  85% {
    top: 45%;
  }
  100% {
    top: 45%;
  }
}
@-ms-keyframes marker2 {
  0% {
    top: -100%;
  }
  15% {
    top: 45%;
  }
  85% {
    top: 45%;
  }
  100% {
    top: 45%;
  }
}
@-o-keyframes marker2 {
  0% {
    top: -100%;
  }
  15% {
    top: 45%;
  }
  85% {
    top: 45%;
  }
  100% {
    top: 45%;
  }
}
@keyframes marker2 {
  0% {
    top: -100%;
  }
  15% {
    top: 45%;
  }
  85% {
    top: 45%;
  }
  100% {
    top: 45%;
  }
}
@media only screen and (min-width: 460px) {
  .ani-agency .c {
    width: 35%;
    height: 100%;
  }
  @-webkit-keyframes marker1 {
    0% {
      top: -100%;
    }
    10% {
      top: 20%;
    }
    90% {
      top: 20%;
    }
    100% {
      top: 20%;
    }
  }
  @-moz-keyframes marker1 {
    0% {
      top: -100%;
    }
    10% {
      top: 20%;
    }
    90% {
      top: 20%;
    }
    100% {
      top: 20%;
    }
  }
  @-ms-keyframes marker1 {
    0% {
      top: -100%;
    }
    10% {
      top: 20%;
    }
    90% {
      top: 20%;
    }
    100% {
      top: 20%;
    }
  }
  @-o-keyframes marker1 {
    0% {
      top: -100%;
    }
    10% {
      top: 20%;
    }
    90% {
      top: 20%;
    }
    100% {
      top: 20%;
    }
  }
  @keyframes marker1 {
    0% {
      top: -100%;
    }
    10% {
      top: 20%;
    }
    90% {
      top: 20%;
    }
    100% {
      top: 20%;
    }
  }
  @-webkit-keyframes marker2 {
    0% {
      top: -100%;
    }
    15% {
      top: 40%;
    }
    85% {
      top: 40%;
    }
    100% {
      top: 40%;
    }
  }
  @-moz-keyframes marker2 {
    0% {
      top: -100%;
    }
    15% {
      top: 40%;
    }
    85% {
      top: 40%;
    }
    100% {
      top: 40%;
    }
  }
  @-ms-keyframes marker2 {
    0% {
      top: -100%;
    }
    15% {
      top: 40%;
    }
    85% {
      top: 40%;
    }
    100% {
      top: 40%;
    }
  }
  @-o-keyframes marker2 {
    0% {
      top: -100%;
    }
    15% {
      top: 40%;
    }
    85% {
      top: 40%;
    }
    100% {
      top: 40%;
    }
  }
  @keyframes marker2 {
    0% {
      top: -100%;
    }
    15% {
      top: 40%;
    }
    85% {
      top: 40%;
    }
    100% {
      top: 40%;
    }
  }
}
@media only screen and (min-width: 767px) {
  .search-agency form.search-engine {
    position: absolute;
  }
  .search-agency .input-wrapper {
    float: left;
    margin-bottom: 0;
  }
  .search-agency .input-geolocation .bt {
    display: inline-block;
    font-size: 20px;
  }
  .search-agency .input-geolocation .bt .icon {
    font-size: 26px;
    vertical-align: sub;
  }
  .search-agency .input-geolocation .or {
    display: inline-block;
    padding: 0 20px;
  }
  .search-agency .input-location {
    margin-right: 3px;
  }
  .search-agency .input-location input {
    width: 290px;
  }
  .search-agency .input-fake-bt .fake-bt {
    height: 50px;
    line-height: 50px;
    padding-left: 16px;
  }
  .search-agency .input-fake-bt .fake-bt .t {
    font-size: 16px;
  }
  .search-agency .input-fake-bt .layer {
    top: 50px;
  }
  .search-agency button {
    width: 100px;
  }
  .search-agency-homepage {
    margin-top: -55px;
  }
  .search-agency-homepage form h1, .search-agency-homepage form h2 {
    padding-top: 60px;
  }
  .search-agency-homepage .ani-agency .c {
    width: 38%;
  }
  .ani-agency .c {
    width: 50%;
  }
  @-webkit-keyframes marker1 {
    0% {
      top: -100%;
    }
    10% {
      top: 15%;
    }
    90% {
      top: 15%;
    }
    100% {
      top: 15%;
    }
  }
  @-moz-keyframes marker1 {
    0% {
      top: -100%;
    }
    10% {
      top: 15%;
    }
    90% {
      top: 15%;
    }
    100% {
      top: 15%;
    }
  }
  @-ms-keyframes marker1 {
    0% {
      top: -100%;
    }
    10% {
      top: 15%;
    }
    90% {
      top: 15%;
    }
    100% {
      top: 15%;
    }
  }
  @-o-keyframes marker1 {
    0% {
      top: -100%;
    }
    10% {
      top: 15%;
    }
    90% {
      top: 15%;
    }
    100% {
      top: 15%;
    }
  }
  @keyframes marker1 {
    0% {
      top: -100%;
    }
    10% {
      top: 15%;
    }
    90% {
      top: 15%;
    }
    100% {
      top: 15%;
    }
  }
  @-webkit-keyframes marker2 {
    0% {
      top: -100%;
    }
    15% {
      top: 45%;
    }
    85% {
      top: 45%;
    }
    100% {
      top: 45%;
    }
  }
  @-moz-keyframes marker2 {
    0% {
      top: -100%;
    }
    15% {
      top: 45%;
    }
    85% {
      top: 45%;
    }
    100% {
      top: 45%;
    }
  }
  @-ms-keyframes marker2 {
    0% {
      top: -100%;
    }
    15% {
      top: 45%;
    }
    85% {
      top: 45%;
    }
    100% {
      top: 45%;
    }
  }
  @-o-keyframes marker2 {
    0% {
      top: -100%;
    }
    15% {
      top: 45%;
    }
    85% {
      top: 45%;
    }
    100% {
      top: 45%;
    }
  }
  @keyframes marker2 {
    0% {
      top: -100%;
    }
    15% {
      top: 45%;
    }
    85% {
      top: 45%;
    }
    100% {
      top: 45%;
    }
  }
  .with-specialities .input-location input {
    height: 50px;
    line-height: 50px;
  }
  .with-specialities .input-speciality {
    width: 272px;
    margin-right: 3px;
  }
}
@media only screen and (min-width: 992px) {
  .search-agency form h1, .search-agency form h2 {
    font-size: 50px;
    letter-spacing: -2px;
    padding-top: 60px;
  }
  .search-agency form p {
    width: 66.66%;
  }
  .search-agency .input-location input {
    width: 350px;
  }
  .search-agency .input-fake-bt .fake-bt {
    height: 58px;
    line-height: 58px;
    padding-left: 16px;
  }
  .search-agency .input-fake-bt .fake-bt .t {
    font-size: 16px;
  }
  .search-agency .input-fake-bt .layer {
    top: 58px;
  }
  .search-agency.search-agency-homepage .ani-agency .c {
    width: 16%;
    right: 100px;
  }
  .search-agency.with-specialities .input-location input {
    width: 290px;
    height: 58px;
    line-height: 58px;
  }
  .search-agency.with-specialities .input-speciality {
    width: 290px;
    margin-right: 3px;
  }
  .ani-agency .c {
    width: 25%;
  }
}
@media only screen and (min-width: 1250px) {
  .search-agency.with-specialities .input-location input {
    width: 350px;
  }
  .search-agency.with-specialities .input-speciality {
    width: 350px;
  }
}