/* in terminal cd /www/repository/interfrance-eu/ for sass: sass --watch /www/repository/interfrance-eu/app/scss/app.scss:/www/repository/interfrance-eu/stylesheets/app.css

sass --update --force /www/repository/interfrance-eu/stylesheets/app.css */
@font-face {
  font-family: 'interfrance-icons';
  src: url("/app/font/fontello.eot?18967448");
  src: url("/app/font/fontello.eot?18967448#iefix") format("embedded-opentype"), url("/app/font/fontello.woff2?18967448") format("woff2"), url("/app/font/fontello.woff?18967448") format("woff"), url("/app/font/fontello.ttf?18967448") format("truetype"), url("/app/font/fontello.svg?18967448#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }
.used-icons, .icon-right-dir:before, .link li:before, .main-nav #jobs:before, .links-nav ul li:before, #main .results .box .description a:before, .icon-down:before, label.select:before, .icon-up:before, .icon-mail:before, .icon-search:before, .main-nav #search-icon:before, .icon-phone:before, .icon-ok:before, .icon-cancel:before, .main-nav #search-icon.active:before, .main-nav #menu-icon.active:before, .icon-right-open:before, .cnt-detailimages .scroll-button:before, .icon-right-open-after:after, #main .paging .next a:after, .icon-left-open:before, #main .paging .previous a:before, .cnt-detailimages .scroll-button.prev:before, .icon-town-hall:before, .icon-warehouse:before, .logo-search button:before, .icon-menu:before, .main-nav #menu-icon:before, .icon-location:before, .icon-facebook-rect:before, .icon-twitter-bird:before {
  font-family: "interfrance-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  padding-right: 5px; }

.icon-right-dir:before, .link li:before, .main-nav #jobs:before, .links-nav ul li:before, #main .results .box .description a:before {
  content: '\e800'; }

.icon-down:before, label.select:before {
  content: '\e801'; }

.icon-up:before {
  content: '\e802'; }

.icon-mail:before {
  content: '\e804'; }

.icon-search:before, .main-nav #search-icon:before {
  content: '\e805'; }

.icon-phone:before {
  content: '\e806'; }

.icon-ok:before {
  content: '\e807'; }

.icon-cancel:before, .main-nav #search-icon.active:before, .main-nav #menu-icon.active:before {
  content: '\e808'; }

.icon-right-open:before, .cnt-detailimages .scroll-button:before {
  content: '\e809'; }

.icon-right-open-after:after, #main .paging .next a:after {
  content: '\e809'; }

.icon-left-open:before, #main .paging .previous a:before, .cnt-detailimages .scroll-button.prev:before {
  content: '\e80a'; }

.icon-town-hall:before {
  content: '\e83c'; }

.icon-warehouse:before, .logo-search button:before {
  content: '\e840'; }

.icon-menu:before, .main-nav #menu-icon:before {
  content: '\f008'; }

.icon-location:before {
  content: '\f031'; }

.icon-facebook-rect:before {
  content: '\f301'; }

.icon-twitter-bird:before {
  content: '\f303'; }

.container, .logo-search, .main-nav, .links-nav, .search, #footer {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 10px 0 10px; }

.hide, .error {
  display: none; }

.show {
  display: block; }

.before-background {
  background-color: #333;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0; }

* {
  line-height: 25px;
  color: #333;
  outline: 0;
  box-sizing: border-box;
  text-decoration: none; }

body, html {
  margin: 0;
  padding: 0;
  border: 0; }

body {
  font-family: 'Poppins', Sans-Serif;
  font-size: 16px; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Abril Fatface';
  font-size: 28px;
  color: #085da9;
  margin-top: 40px; }

h1 {
  line-height: 40px; }

h2 {
  color: #9d1b2d; }

a {
  color: #085da9; }

table {
  border: 0;
  width: 100%; }

td, th {
  text-align: left;
  margin: 0;
  padding: 0 0 10px 20px;
  vertical-align: top;
  border: 0; }

tr:nth-child(even) {
  background-color: #f1f1f1; }

.image-left {
  float: left;
  margin-right: 20px; }

.image-right {
  float: right;
  margin-left: 20px; }

#first-error {
  position: relative;
  margin-top: -150px;
  max-height: 0;
  max-width: 0;
  display: block;
  float: left; }

.formfield {
  position: relative;
  display: block;
  margin-bottom: 20px;
  width: 100%;
  display: inline-block;
  align-self: flex-start; }
  @media only screen and (min-width: 640px) {
    .formfield {
      flex-basis: 33%; } }
  .formfield .error {
    color: #9d1b2d;
    padding-left: 12px; }
  .formfield label {
    padding-bottom: 10px; }

fieldset {
  border: 0;
  padding: 0;
  margin: 0; }

.link {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  .link li {
    clear: both;
    color: #085da9; }
    .link li:before {
      height: 30px;
      display: inline-block;
      float: left; }

.propertylinks {
  margin-top: 40px; }
  @media only screen and (min-width: 640px) {
    .propertylinks li {
      width: 48%;
      display: inline-block; } }

.textshadow-black {
  text-shadow: 0 0 2px #333, 0 0 2px #333, 0 0 2px #333, 0 0 2px #333, 0 0 2px #333, 0 0 2px #333, 0 0 2px #333, 0 0 2px #333, 0 0 2px #333, 0 0 2px #333, 0 0 2px #333, 0 0 2px #333, 0 0 2px #333, 0 0 2px #333, 0 0 2px #333, 0 0 2px #333, 0 0 2px #333, 0 0 2px #333, 0 0 2px #333, 0 0 2px #333; }

.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px; }
  @media only screen and (min-width: 640px) {
    .row {
      flex-wrap: nowrap; } }
  .row.no-bottom {
    margin-bottom: 0; }
  .row.last-row {
    justify-content: flex-start !important; }
    @media only screen and (min-width: 640px) {
      .row.last-row .formfield {
        margin-right: 5px; } }
  @media only screen and (min-width: 640px) {
    .row .column:first-child {
      padding-right: 40px; } }
  @media only screen and (min-width: 640px) {
    .row .column.is1-3 {
      min-width: 33%; } }
  @media only screen and (min-width: 640px) {
    .row .column.is2-3 {
      width: 66%; } }
  @media only screen and (min-width: 640px) {
    .row .column.is1-2 {
      width: 50%; } }

button, .button, button:after, .button:after {
  border-radius: 20px;
  font-size: 16px;
  border: 0;
  padding: 0;
  margin: 0; }

select, input, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove default arrow */
  z-index: 2;
  position: relative;
  border: solid 2px #ccc;
  background: transparent;
  padding: 5px;
  font-size: 16px;
  font-family: 'Chivo', sans-serif;
  width: 100%;
  z-index: 2;
  border-radius: 20px;
  padding-left: 10px;
  padding-right: 10px; }

input[type=submit] {
  background-color: #9d1b2d;
  border: 0;
  color: #fff;
  font-weight: 500;
  border-radius: 20px;
  width: auto;
  text-transform: uppercase;
  padding-right: 40px;
  padding-left: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: solid 2px #f1f1f1; }

form .button {
  margin-top: 25px;
  display: inline-block; }

label.select {
  position: absolute;
  right: 3px;
  top: 7px;
  z-index: 1; }

#header {
  background-size: 100%;
  background-position: center center; }
  #header.home {
    min-height: 300px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    overflow: visible; }
    @media only screen and (min-width: 640px) {
      #header.home {
        background-position: center center;
        min-height: 500px; } }
    #header.home:before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      min-height: 300px;
      z-index: 2;
      content: ""; }
      @media only screen and (min-width: 640px) {
        #header.home:before {
          min-height: 500px; } }

.logo-search {
  padding-bottom: 20px;
  padding-top: 20px;
  position: relative;
  z-index: 3;
  text-align: center;
  height: 255px; }
  @media only screen and (min-width: 640px) {
    .logo-search {
      height: 450px; } }
  .logo-search .logo {
    padding: 50px 0 0 0; }
    @media only screen and (min-width: 640px) {
      .logo-search .logo {
        padding-top: 120px; } }
    .logo-search .logo img {
      width: 350px;
      filter: drop-shadow(3px 3px 10px #fff); }
      @media only screen and (min-width: 640px) {
        .logo-search .logo img {
          width: 600px; } }
  .logo-search button {
    background-color: transparent;
    border: solid 2px #f1f1f1;
    position: relative; }
    .logo-search button:before {
      color: #fff;
      font-size: 20px;
      padding-left: 10px;
      z-index: 1; }
    .logo-search button:after {
      background-color: #333;
      opacity: 0.7;
      content: "";
      width: 100%;
      display: inline-block;
      position: absolute;
      height: 35px;
      z-index: -1;
      top: 0;
      left: 0; }
    .logo-search button a {
      padding: 5px 10px 5px 40px;
      display: inline-block;
      color: #f1f1f1;
      text-transform: uppercase;
      font-size: 14px;
      z-index: 2;
      margin-left: -40px; }
      @media only screen and (min-width: 640px) {
        .logo-search button a {
          font-size: 16px; } }
      .logo-search button a:hover {
        color: #fff; }
  .logo-search p {
    color: #fff;
    text-shadow: 0 0 2px #333;
    font-weight: 600;
    font-size: 20px;
    line-height: 40px; }
  .logo-search:after {
    position: absolute;
    right: 0;
    bottom: -40px;
    color: #fff;
    text-shadow: 0 0 2px #333;
    font-style: italic;
    padding-right: 10px; }
    @media only screen and (min-width: 640px) {
      .logo-search:after {
        padding-right: 0; } }

.top-bar {
  padding-top: 8px;
  background-color: #085da9;
  position: relative;
  z-index: 10;
  position: fixed;
  width: 100%; }

.main-nav {
  overflow: hidden;
  list-style-type: none;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0 !important;
  min-height: 60px; }
  .main-nav li {
    flex-grow: 1; }
  .main-nav a {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    margin-left: -30px;
    padding-left: 30px; }
  .main-nav #search-icon {
    float: left;
    color: #fff;
    font-size: 20px; }
    .main-nav #search-icon:before {
      display: inline-block;
      width: 15px;
      text-align: center;
      margin-right: 5px; }
    .main-nav #search-icon.active:before {
      font-size: 20px;
      line-height: -10px;
      padding-top: -10px; }
  .main-nav #star-icon {
    text-align: center;
    position: absolute; }
    .main-nav #star-icon img {
      width: 40px; }
      @media only screen and (min-width: 640px) {
        .main-nav #star-icon img {
          width: 50px; } }
  .main-nav #menu-icon {
    float: right;
    color: #fff;
    font-size: 20px;
    text-align: right; }
    .main-nav #menu-icon:before {
      display: inline-block;
      width: 15px;
      text-align: center;
      margin-right: 5px; }
    .main-nav #menu-icon.active:before {
      line-height: -10px;
      padding-top: -10px; }
  .main-nav #jobs {
    display: none;
    margin-left: -120px; }
    .main-nav #jobs:before {
      color: #fff; }
    @media only screen and (min-width: 640px) {
      .main-nav #jobs {
        display: block; } }

.links-nav, .search {
  max-height: 0;
  transition: max-height 0.5s ease-out;
  overflow: hidden;
  flex-basis: 100%; }
  .links-nav.active, .search.active {
    max-height: 1000px;
    transition: max-height 1s; }

.search .row {
  margin-bottom: 0; }
.search form {
  padding: 20px 0 20px 0; }
.search select, .search input {
  border: 0; }
.search .formfield {
  background-color: #f1f1f1;
  border-radius: 20px;
  padding: 0 10px 0 10px; }
.search .search-button {
  border: solid 1px #fff;
  border-radius: 20px;
  cursor: pointer; }

.links-nav ul {
  list-style-type: none;
  margin: 20px 0 20px 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: left; }
  .links-nav ul li {
    color: #fff;
    width: 100%;
    margin-bottom: 20px; }
    @media only screen and (min-width: 640px) {
      .links-nav ul li {
        width: 33%;
        padding-right: 20px; } }
    .links-nav ul li:before {
      height: 30px;
      display: block;
      float: left; }
  .links-nav ul a {
    font-size: 18px;
    color: #fff; }

main {
  background-color: #f6fafd;
  overflow: auto; }

#main {
  padding-bottom: 40px; }
  #main:not(.home) {
    margin-top: 100px; }
  #main .results {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: hidden;
    margin-top: 40px;
    align-content: space-between;
    width: 100%; }
    #main .results .box {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: left;
      align-items: center;
      border-radius: 50%;
      background-color: #f1f1f1;
      padding: 10px;
      margin-bottom: 40px; }
      @media only screen and (min-width: 640px) {
        #main .results .box {
          width: 500px; } }
      @media only screen and (min-width: 1024px) {
        #main .results .box {
          width: calc(1/2*100% - (1 - 1/2)*40px); } }
      #main .results .box:last-child {
        margin-right: 0; }
      #main .results .box h2 {
        margin-top: 10px; }
      #main .results .box .thumb, #main .results .box img {
        width: 180px;
        height: 180px;
        border-radius: 100%;
        border: solid 2px #fff;
        overflow: hidden;
        margin-left: -10px;
        margin-right: 10px; }
        @media only screen and (min-width: 640px) {
          #main .results .box .thumb, #main .results .box img {
            width: 250px;
            height: 250px; } }
        @media only screen and (min-width: 1024px) {
          #main .results .box .thumb, #main .results .box img {
            width: 180px;
            height: 180px; } }
        #main .results .box .thumb img, #main .results .box img img {
          margin-left: 0;
          border: 0; }
      #main .results .box strong {
        display: block; }
      #main .results .box .description {
        width: 45%;
        float: left; }
        #main .results .box .description h2 {
          min-height: 40px; }
        #main .results .box .description p {
          min-height: 120px; }
        #main .results .box .description a {
          color: #085da9; }
          #main .results .box .description a:before {
            border-bottom: 0;
            padding-right: 5px;
            color: #085da9; }
      #main .results .box a {
        display: block; }
  #main .paging {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden; }
    #main .paging li {
      display: inline-block; }
    #main .paging .previous {
      float: left; }
    #main .paging .next {
      float: right; }
      #main .paging .next a:after {
        padding-left: 5px; }
  #main .breadcrum li {
    display: inline-block;
    margin-right: 5px; }
    #main .breadcrum li:first-child:before {
      display: none; }
    #main .breadcrum li a {
      color: #085da9;
      text-decoration: underline; }

#footer {
  padding-top: 20px;
  padding-bottom: 20px;
  background: url(/images/inter-france_logo.png) no-repeat left 10px center;
  padding-left: 140px;
  background-size: 120px; }
  #footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    #footer ul li {
      display: inline-block; }
      #footer ul li:after {
        content: " | "; }
  #footer a {
    text-decoration: underline; }

.advisors h2 {
  clear: both; }
  .advisors h2.type2 {
    padding-top: 50px; }

.cnt-detailimages {
  z-index: 1;
  margin-top: -42px;
  position: relative;
  margin-bottom: 40px; }
  @media only screen and (min-width: 640px) {
    .cnt-detailimages {
      margin-top: -23px; } }
  .cnt-detailimages .details-images {
    max-height: 400px; }
    @media only screen and (min-width: 640px) {
      .cnt-detailimages .details-images {
        max-height: 300px; } }
    @media only screen and (min-width: 1024px) {
      .cnt-detailimages .details-images {
        max-height: 500px; } }
    .cnt-detailimages .details-images .one-item {
      width: 100%;
      border: solid 2px #fff;
      border-width: 2px 3px 0 0;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      min-height: 400px; }
      @media only screen and (min-width: 640px) {
        .cnt-detailimages .details-images .one-item {
          min-height: 300px; } }
      @media only screen and (min-width: 1024px) {
        .cnt-detailimages .details-images .one-item {
          min-height: 500px; } }
    .cnt-detailimages .details-images .background-image {
      background-size: cover;
      filter: blur(8px);
      -webkit-filter: blur(18px);
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: -1; }
    .cnt-detailimages .details-images img {
      display: inline !important;
      width: 100%; }
  .cnt-detailimages .scroll-button {
    position: absolute;
    bottom: 20px;
    height: 0;
    z-index: 2;
    background-color: transparent;
    height: 60px;
    width: 60px;
    color: #9d1b2d;
    radius: 100%;
    padding: 0;
    cursor: pointer; }
    .cnt-detailimages .scroll-button:before {
      text-align: center;
      font-size: 40px;
      border-radius: 100%;
      height: 60px !important;
      width: 60px !important;
      padding: 0;
      background-color: #fff;
      opacity: 0.6;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      border: solid 2px #fff; }
    .cnt-detailimages .scroll-button.next {
      right: 20px; }
    .cnt-detailimages .scroll-button.prev {
      left: 20px; }
      .cnt-detailimages .scroll-button.prev:before {
        padding: 0; }

.property-details {
  margin-right: 0 !important; }

.box-share {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 40px 0 40px 0; }
  .box-share div {
    display: inline-block;
    padding: 0 !important;
    line-height: 0;
    padding-right: 10px !important; }
  .box-share #fb-root {
    display: none; }

/*# sourceMappingURL=app.css.map */