/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 8/jan/2020, 18:09:28
    Author     : joaoramos
*/


.view-givaudan-location-map-new-display .views-widget-filter-field_hidden_address_locations_value #edit-field-hidden-address-locations-value{
  top: 10px;
  width: 263px;
  position: absolute;
}

.view-givaudan-location-map-new-display .views-widget-filter-field_hidden_address_locations_value{
  position: absolute;
  top: 85px;
  left: 10px;
  z-index: 100;
}

.view-givaudan-location-map-new-display .views-widget-filter-field_hidden_address_locations_value .views-widget{
  padding: 10px;
  min-height: 30px;
  position: relative;
  width: 262px;
  background: #FFF;
}

.pane-givaudan-location-map-new-display-panel-pane-2{
  position: relative !important;
}

.pane-givaudan-location-map-new-display-panel-pane-2 #edit-name-wrapper,
.pane-givaudan-location-map-new-display-panel-pane-2 #edit-province-wrapper,
.pane-givaudan-location-map-new-display-panel-pane-2 #edit-street-wrapper,
.pane-givaudan-location-map-new-display-panel-pane-2 #edit-field-location-filter-tid-wrapper,
.pane-givaudan-location-map-new-display-panel-pane-2 #filter-options-button,
.pane-givaudan-location-map-new-display-panel-pane-2 .location-button-wrapper{
  display:none;
}

.pane-givaudan-location-map-new-display-panel-pane-2 .view-givaudan-location-map-new-display .views-widget-filter-field_hidden_address_locations_value div#autocomplete{
  background: #FFFFFF;;
  border-radius: 0 0 20px 20px !important;
  padding:10px 0 0 0;
  width:360px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  z-index: 9999;
  margin-top:-1px;
  padding-top:0;
  border:none;
  position: absolute;
  top: 50px !important;
  left: unset !important;
  overflow-y: hidden;
  max-height: 250px;
}

.pane-givaudan-location-map-new-display-panel-pane-2 .view-givaudan-location-map-new-display .views-widget-filter-field_hidden_address_locations_value div#autocomplete ul{
  height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-animation-name: javali_autocompleteflow; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
  animation-name: javali_autocompleteflow;
  animation-duration: 1s;
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes javali_autocompleteflow {
  from {height: 0;}
  to {height:250px;}
}

/* Standard syntax */
@keyframes javali_autocompleteflow {
  from {height: 0;}
  to {height:250px;}
}

.pane-givaudan-location-map-new-display-panel-pane-2 .view-givaudan-location-map-new-display .views-widget-filter-field_hidden_address_locations_value div#autocomplete ul{
  border-top:1px solid #eee;
}

.pane-givaudan-location-map-new-display-panel-pane-2 div#autocomplete ul li.selected{
  color:#000;
}

.pane-givaudan-location-map-new-display-panel-pane-2 div#autocomplete+input[type="text"]{
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.pane-givaudan-location-map-new-display-panel-pane-2 input[type="text"].form-autocomplete,
.pane-givaudan-location-map-new-display-panel-pane-2 input[type="text"].form-autocomplete.throbbing{
  height: auto;
  background-image:url(../images/ico_locate.svg) !important;
  background-repeat: no-repeat !important;
  background-position:calc(100% - 40px) center !important;
  position: static !important;
  top: auto !important;
  padding-right:65px;
}

.pane-givaudan-location-map-new-display-panel-pane-2 div#autocomplete ul li.selected,
.pane-givaudan-location-map-new-display-panel-pane-2 div#autocomplete li div:hover,
.pane-givaudan-location-map-new-display-panel-pane-2 div#autocomplete li:hover div,
.pane-givaudan-location-map-new-display-panel-pane-2 div#autocomplete li:hover{
  text-decoration: none;
  font-weight: bold;
  background:none !important; 
}

.pane-givaudan-location-map-new-display-panel-pane-2 input[type="text"]
{
  background: #FFFFFF;;
  border-radius: 20px;
  padding:10px 20px;
  border:none;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  color: #000000;
  min-height:40px;
  height:40px;
  width:100% !important;
}

.pane-givaudan-location-map-new-display-panel-pane-2 .view-givaudan-location-map-new-display .views-submit-button input{
  background: url(../images/ico_search.svg) no-repeat !important;
  background-position: center;
  padding: 0;
  text-indent: -999999999px;
  height: 21px;
  width:35px;
  padding-right:2px;
  margin-top:0;
}

.pane-givaudan-location-map-new-display-panel-pane-2 .view-givaudan-location-map-new-display .views-widget-filter-field_hidden_address_locations_value .views-widget{
  background: none;
  width:380px !important;
  box-sizing: border-box;
}

.pane-givaudan-location-map-new-display-panel-pane-2 .view-givaudan-location-map-new-display .views-widget-filter-field_hidden_address_locations_value{
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  padding:0;
  float:none;
}

.pane-givaudan-location-map-new-display-panel-pane-2 .view-givaudan-location-map-new-display .getlocations_map_buttons{
  display:none;
}

.pane-givaudan-location-map-new-display-panel-pane-2 .view-givaudan-location-map-new-display .views-submit-button {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  width: 20px;
  height: 40px;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left:155px;
  padding:0;
}

.pane-givaudan-location-map-new-display-panel-pane-2 div#autocomplete .reference-autocomplete{
  color:#000 !important;
}

.pane-givaudan-location-map-new-display-panel-pane-2 div#autocomplete .reference-autocomplete:after,
.pane-givaudan-location-map-new-display-panel-pane-2 div#autocomplete .street,
.pane-givaudan-location-map-new-display-panel-pane-2 div#autocomplete .province{
  display: none !important;
}

.pane-givaudan-location-map-new-display-panel-pane-2 div#autocomplete .search-getlocation{
  padding:0 !important;
  width: 100% !important;
  border:none !important;
}

.pane-givaudan-location-map-new-display-panel-pane-2 .view-givaudan-location-map-new-display .views-widget-filter-field_hidden_address_locations_value div#autocomplete ul li{
  padding:10px 20px !important;
  box-sizing:border-box;
}

.pane-givaudan-location-map-new-display-panel-pane-2 h2.pane-title{
  text-align: center;
  font-size: 32px;
  letter-spacing: 0;
  color: #FFFFFF;
  width: 100%;
  position: absolute;
  z-index: 101;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  line-height: 52px;
}

/* anima */

.pane-givaudan-location-map-new-display-panel-pane-2 .view-givaudan-location-map-new-display .views-submit-button input,
.pane-givaudan-location-map-new-display-panel-pane-2 .view-givaudan-location-map-new-display .views-widget-filter-field_hidden_address_locations_value .views-widget{
  transform:translateY(30px);
  opacity:0;
}
.pane-givaudan-location-map-new-display-panel-pane-2.present .view-givaudan-location-map-new-display .views-submit-button input,
.pane-givaudan-location-map-new-display-panel-pane-2.present .view-givaudan-location-map-new-display  .views-widget-filter-field_hidden_address_locations_value .views-widget{
  transform:translateY(0);
  transition: transform 2s cubic-bezier(0.19, 0.17, 1, 1), opacity 2.4s cubic-bezier(0.19, 0.17, 1, 1);
  opacity:1;
}

.pane-givaudan-location-map-new-display-panel-pane-2 h2.pane-title{
  transform:translate(-50%,30px);
  opacity:0;
}

.pane-givaudan-location-map-new-display-panel-pane-2.present h2.pane-title{
  transform:translate(-50%,0);
  transition: transform 1.8s cubic-bezier(0.19, 0.17, 1, 1), opacity 2s cubic-bezier(0.19, 0.17, 1, 1);
  opacity:1;
}


.pane-givaudan-location-map-new-display-panel-pane-2 .location.vcard{
  color:#000;
}

@media (max-width:767px) {

  .pane-givaudan-location-map-new-display-panel-pane-2 #getlocations_map_wrapper_key_1{
    height:350px !important;
  }

  .pane-givaudan-location-map-new-display-panel-pane-2 h2.pane-title {
    max-width: 100%;
    top:32%;
  }

  .pane-givaudan-location-map-new-display-panel-pane-2 .view-givaudan-location-map-new-display .views-widget-filter-field_hidden_address_locations_value{
    background:none;
    display:block;
    padding:0 !important;
    z-index: 107;
    max-width:320px;
    box-shadow:none;
  }

  .pane-givaudan-location-map-new-display-panel-pane-2 .view-givaudan-location-map-new-display .views-widget-filter-field_hidden_address_locations_value .views-widget{
    max-width:320px;
  }

  .pane-givaudan-location-map-new-display-panel-pane-2 .view-givaudan-location-map-new-display .views-widget-filter-field_hidden_address_locations_value div#autocomplete{
    max-width:300px;
    z-index:99;
  }

  .pane-givaudan-location-map-new-display-panel-pane-2 .view-givaudan-location-map-new-display .views-submit-button{
    margin-left: 126px;
    z-index: 108;
  }

}




/************************************************************************** 


PC 


****************************************************************************/


.pane-frontpage-map{
  height: 600px;
  background-image: url(../images/map_full.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.view-frontpage-map .view-content{
  display:none;
}

.view-frontpage-map .views-widget-filter-field_hidden_address_locations_value #edit-field-hidden-address-locations-value{
  top: 10px;
  width: 263px;
  position: absolute;
}

.view-frontpage-map .views-widget-filter-field_hidden_address_locations_value{
  position: absolute;
  top: 85px;
  left: 10px;
  z-index: 100;
}

.view-frontpage-map .views-widget-filter-field_hidden_address_locations_value .views-widget{
  padding: 10px;
  min-height: 30px;
  position: relative;
  width: 262px;
  background: #FFF;
}

.pane-frontpage-map{
  position: relative !important;
}

.pane-frontpage-map #edit-name-wrapper,
.pane-frontpage-map #edit-province-wrapper,
.pane-frontpage-map #edit-street-wrapper,
.pane-frontpage-map #edit-field-location-filter-tid-wrapper,
.pane-frontpage-map #filter-options-button,
.pane-frontpage-map .location-button-wrapper{
  display:none;
}

.pane-frontpage-map .view-frontpage-map .views-widget-filter-field_hidden_address_locations_value div#autocomplete{
  background: #FFFFFF;;
  border-radius: 0 0 20px 20px !important;
  padding:10px 0 0 0;
  width:360px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  z-index: 9999;
  margin-top:-1px;
  padding-top:0;
  border:none;
  position: absolute;
  top: 50px !important;
  left: unset !important;
  overflow-y: hidden;
  max-height: 250px;
}

.pane-frontpage-map .view-frontpage-map .views-widget-filter-field_hidden_address_locations_value div#autocomplete ul{
  height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-animation-name: javali_autocompleteflow; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
  animation-name: javali_autocompleteflow;
  animation-duration: 1s;
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes javali_autocompleteflow {
  from {height: 0;}
  to {height:250px;}
}

/* Standard syntax */
@keyframes javali_autocompleteflow {
  from {height: 0;}
  to {height:250px;}
}

.pane-frontpage-map .view-frontpage-map .views-widget-filter-field_hidden_address_locations_value div#autocomplete ul{
  border-top:1px solid #eee;
}

.pane-frontpage-map div#autocomplete ul li.selected{
  color:#000;
}

.pane-frontpage-map div#autocomplete+input[type="text"]{
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.pane-frontpage-map input[type="text"].form-autocomplete,
.pane-frontpage-map input[type="text"].form-autocomplete.throbbing{
  height: auto;
  /*background-image:url(../images/ico_locate.svg) !important;*/
  background-repeat: no-repeat !important;
  background-position:calc(100% - 40px) center !important;
  position: static !important;
  top: auto !important;
  padding-right:65px;
  background-image: none !important;
}

.pane-frontpage-map div#autocomplete ul li.selected,
.pane-frontpage-map div#autocomplete li div:hover,
.pane-frontpage-map div#autocomplete li:hover div,
.pane-frontpage-map div#autocomplete li:hover{
  text-decoration: none;
  font-weight: bold;
  background:none !important; 
}

.pane-frontpage-map input[type="text"]
{
  background: #FFFFFF;;
  border-radius: 20px;
  padding:10px 20px;
  border:none;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  color: #000000;
  min-height:40px;
  height:40px;
  width:100% !important;
}

.pane-frontpage-map .view-frontpage-map .views-submit-button input{
  background: url(../images/ico_search.svg) no-repeat !important;
  background-position: center;
  padding: 0;
  text-indent: -999999999px;
  height: 21px;
  width:35px;
  padding-right:2px;
  margin-top:0;
}

.pane-frontpage-map .view-frontpage-map .views-widget-filter-field_hidden_address_locations_value .views-widget{
  background: none;
  width:380px !important;
  box-sizing: border-box;
}

.pane-frontpage-map .view-frontpage-map .views-widget-filter-field_hidden_address_locations_value{
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  padding:0;
  float:none;
}

.pane-frontpage-map .view-frontpage-map .getlocations_map_buttons{
  display:none;
}

.pane-frontpage-map .view-frontpage-map .views-submit-button {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  width: 20px;
  height: 40px;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left:155px;
  padding:0;
}

.pane-frontpage-map div#autocomplete .reference-autocomplete{
  color:#000 !important;
}

.pane-frontpage-map div#autocomplete .reference-autocomplete:after,
.pane-frontpage-map div#autocomplete .street,
.pane-frontpage-map div#autocomplete .province{
  /* display: none !important; */
}

.pane-frontpage-map div#autocomplete .search-getlocation{
  padding:0 !important;
  width: 100% !important;
  border:none !important;
}

.pane-frontpage-map .view-frontpage-map .views-widget-filter-field_hidden_address_locations_value div#autocomplete ul li{
  padding:10px 20px !important;
  box-sizing:border-box;
}
.pane-frontpage-map .view-givaudan-location-map .views-widget-filter-field_hidden_address_locations_value #autocomplete .reference-autocomplete:after{
  content:'';
  display:none;
}
.pane-frontpage-map h2.pane-title{
  text-align: center;
  font-size: 32px;
  letter-spacing: 0;
  color: #FFFFFF;
  width: 100%;
  position: absolute;
  z-index: 101;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  line-height: 52px;
  width: 50%;
}

/* anima */

.pane-frontpage-map .view-frontpage-map .views-submit-button input,
.pane-frontpage-map .view-frontpage-map .views-widget-filter-field_hidden_address_locations_value .views-widget{
  transform:translateY(30px);
  opacity:0;
}
.pane-frontpage-map.present .view-frontpage-map .views-submit-button input,
.pane-frontpage-map.present .view-frontpage-map  .views-widget-filter-field_hidden_address_locations_value .views-widget{
  transform:translateY(0);
  transition: transform 2s cubic-bezier(0.19, 0.17, 1, 1), opacity 2.4s cubic-bezier(0.19, 0.17, 1, 1);
  opacity:1;
}

/*.pane-frontpage-map.present .view-frontpage-map  .views-widget-filter-field_hidden_address_locations_value .views-widget::before{
  content: 'Find us in our locations';
  position: absolute;
  top: -30px;
  font-size: 35px;
  width: 100%;
  text-align: center;
  left: 0;
}*/

.pane-frontpage-map h2.pane-title{
  transform:translate(-50%,30px);
  opacity:0;
  text-shadow:  0px 0px 5px #000000;
}

.pane-frontpage-map.present h2.pane-title{
  transform:translate(-50%,0);
  transition: transform 1.8s cubic-bezier(0.19, 0.17, 1, 1), opacity 2s cubic-bezier(0.19, 0.17, 1, 1);
  opacity:1;
}


.pane-frontpage-map .location.vcard{
  color:#000;
}

body.page-locations .main-wrapper.section{
  width: 100%;
  padding: 0;
}

@media (max-width:767px) {

  .pane-frontpage-map #getlocations_map_wrapper_key_1{
    height:350px !important;
  }

  body.new-template div.content-main .pane-frontpage-map h2.pane-title {
    top:32%;
    width: 80%;
    font-size: 32px !important;
    line-height: 36px !important;
  }

  
  .pane-frontpage-map .view-frontpage-map .views-widget-filter-field_hidden_address_locations_value{
    background:none;
    display:block;
    padding:0 !important;
    z-index: 107;
    max-width:320px;
    box-shadow:none;
  }

  .pane-frontpage-map .view-frontpage-map .views-widget-filter-field_hidden_address_locations_value .views-widget{
    max-width:320px;
  }

  .pane-frontpage-map .view-frontpage-map .views-widget-filter-field_hidden_address_locations_value div#autocomplete{
    max-width:300px;
    z-index:99;
  }

  .pane-frontpage-map .view-frontpage-map .views-submit-button{
    margin-left: 126px;
    z-index: 108;
  }

}

.view-givaudan-location-map-new-display .getlocations_map_canvas img {
    max-width: none !important;
    width: 25px;
    height: 25px;
}