/**

* 2007-2018 PrestaShop

*

* NOTICE OF LICENSE

*

* This source file is subject to the Academic Free License (AFL 3.0)

* that is bundled with this package in the file LICENSE.txt.

* It is also available through the world-wide-web at this URL:

* http://opensource.org/licenses/afl-3.0.php

* If you did not receive a copy of the license and are unable to

* obtain it through the world-wide-web, please send an email

* to license@prestashop.com so we can send you a copy immediately.

*

* DISCLAIMER

*

* Do not edit or add to this file if you wish to upgrade PrestaShop to newer

* versions in the future. If you wish to customize PrestaShop for your

* needs please refer to http://www.prestashop.com for more information.

*

*  @author    PrestaShop SA <contact@prestashop.com>

*  @copyright 2007-2018 PrestaShop SA

*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)

*  International Registered Trademark & Property of PrestaShop SA

*

* Don't forget to prefix your containers with your own identifier

* to avoid any conflicts with others containers.

*/

.beshop_searchbarselect{

  position: relative;

}

.beshop_searchbar select{

  display: none;

}

.beshop_searchbar input:focus::placeholder {

	color: white;

}

.beshop_searchbarselected i{

  font-family: "Font Awesome 5 Pro";

  content: "\f107";

  opacity: 0.7;

  top: 0px;

  position: relative;

  display: inline-block;

  line-height: 1em;

  margin-left: 4px;

}
.beshop_searchbarselected i.fa-angle-up{
    display: none;
}

.beshop_searchbarAllFilters > div:hover{

  font-weight: 600;

  cursor: pointer;

}
.beshop_searchbar.type2 .beshop_searchbarinputgroup{
    background: #fff;
    z-index: 999;
}
.beshop_searchbarselect:hover i.fa-angle-up{
    display: initial;
}

.beshop_searchbarselect:hover i.fa-angle-down{
    display: none;
}


.beshop_searchbarLoad {

  color: #000;

  font-size: 11px;

  text-indent: -9999em;

  overflow: hidden;

  width: 11px;

  height: 11px;

  border-radius: 50%;

  position: relative;

  -webkit-transform: translateZ(0);

  -ms-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;

  animation: load6 1.7s infinite ease, round 1.7s infinite ease;

  display: none;

}

.beshop_searchbarafter button{

  background: 0;

  border: 0;

  cursor: pointer;

  padding: 0;

}

.beshop_searchbar > div, .beshop_searchbarafter,.beshop_searchbarselect,.beshop_searchbarinput{

  display: inline-block;

}

.beshop_searchbarinput{

  position: relative;

    margin: 0 12px;

}

.beshop_searchbar_product{

  clear: both;

}

.beshop_searchbarinput .beshop_searchbarresults{

  position: absolute;

  border: 1px solid #000;

  display: none;

  left: 0;

  right: 0;

  background: #fff;

}

.beshop_searchbar_product img{

  width: 30%;

  float: left;

}

.beshop_searchbar_product h6{

  display: inline-block;

  width: 70%;



}

.beshop_searchbar input{

  width: 174px;

  border: 0;

  border-bottom: 3px solid #000;

}

.beshop_searchbar.type2 .beshop_searchbarinputgroup{

  display: none;

  position: absolute;

  right: 0px;

  min-width: 340px;

  top: 40px;

}

.beshop_searchbar.type2 .beshop_searchbarinputgroup form{

  float: right;

}

img.holder{
  display: none !important;
}
.front-image{
  height: auto !important;
  opacity: 1 !important;
}
@media(max-width:991px){

  /* .beshop_searchbar.type2 .beshop_searchbarbefore{

    display: none;

  } */

  .beshop_searchbar.type2 .beshop_searchbarinputgroup{

    display: block;

    position: initial;

    right: initial;

    top: initial;

    min-width: initial;

    padding: 1em;

  }

  .beshop_searchbar.type2 .beshop_searchbarinputgroup form{

    float: none;

  }

}

@-webkit-keyframes load6 {

  0% {

    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;

  }

  5%,

  95% {

    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;

  }

  10%,

  59% {

    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;

  }

  20% {

    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;

  }

  38% {

    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;

  }

  100% {

    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;

  }

}

@keyframes load6 {

  0% {

    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;

  }

  5%,

  95% {

    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;

  }

  10%,

  59% {

    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;

  }

  20% {

    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;

  }

  38% {

    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;

  }

  100% {

    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;

  }

}

@-webkit-keyframes round {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@keyframes round {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

