/*================================================================================
	Item Name: PAD
	Version: 1.0
	Author: FVERTIZ
	
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
/*=========================================================================================
	File Name: fullscreen-search.scss
	Description: Full screen search with type anywhere functionality.
	----------------------------------------------------------------------------------------
	Item Name: PAD
	Version: 1.0
	Author: FVERTIZ
==========================================================================================*/
#overlayS {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(254,254,254, 0.5);
    z-index: 2000;
}
.fullscreen-search-close::before, .fullscreen-search-close::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 100%;
  top: 0;
  left: 50%;
  border-radius: 3px;
  opacity: 0.2;
  background: #FFFFFF; }

body.search-open {
  overflow-y: hidden; }

.fullscreen-search-medium-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;/*Cambia a 100*/
  height: 100%;
  background: rgba(255,255,255, 0.5);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s;
	z-index: 100;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }

.fullscreen-search-medium {
  width: 100px;
  min-height: 40px;
  z-index: 10000;
  background: rgba(255,255,255, 1);
  position: absolute;
  top: -50px;
  right: 0px;
  opacity: 0;
  overflow-y: scroll;
  transform-origin: 100% 0;
  transition-property: min-height, width, top, right;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
.fullscreen-search-medium:hover ~ .fullscreen-search-medium-overlay {
		background-color: rgba(0,0,0, 0.5);
	z-index: 2000;
	
}
  .fullscreen-search-medium.open {
    width: 50%;/*Cambia a 100*/
    min-height: 100%;
    opacity: 1;
    top: 0px;
	  box-shadow: 0px 0px 20px 1px grey;
    overflow: auto; }
    .fullscreen-search-medium.open .fullscreen-search-medium-form {
      width: 90%;
      height: 160px;
      transform: translate3d(0, 3em, 0); }
    .fullscreen-search-medium.open .fullscreen-search-medium-input {
      font-size: 7em; }
    .fullscreen-search-medium.open .fullscreen-search-medium-submit {
      pointer-events: auto;
      opacity: 1;
      transform: translate3d(-30px, -50%, 0) scale3d(1, 1, 1);
      transition: opacity 0.3s, transform 0.3s;
      transition-delay: 0.5s; }
    .fullscreen-search-medium.open .fullscreen-search-close {
      opacity: 1;
      pointer-events: auto;
      transform: scale3d(1, 1, 1);
      transition: opacity 0.3s, transform 0.3s;
      transition-delay: 0.5s; }
    .fullscreen-search-medium.open .fullscreen-search-medium-content {
      opacity: 1;
      height: auto;
      overflow: visible;
      pointer-events: auto;
      transition: opacity 0.3s 0.5s; }
      .fullscreen-search-medium.open .fullscreen-search-medium-content .fullscreen-search-medium-result .media-object {
        width: 3rem; }
    .fullscreen-search-medium.open ~ .fullscreen-search-medium-overlay {
      opacity: 1; }
  .fullscreen-search-medium.hideInput .fullscreen-search-medium-input {
    color: transparent;
    transition: color 0.3s; }

.fullscreen-search-medium-form {
  width: 100%;
  height: 40px;
  margin: 0 auto;
  position: relative;
  transition-property: width, height, transform;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }

.fullscreen-search-medium-input {
  width: 100%;
  height: 100%;
  padding: 0 10% 0 10px;
  font-weight: 700;
  font-family: inherit;
  border: none;
  background: transparent;
  color: #55595c;
  transition: font-size 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
  .fullscreen-search-medium-input:-moz-placeholder {
    color: #55595c; }
  .fullscreen-search-medium-input:-ms-input-placeholder {
    color: #55595c; }
  .fullscreen-search-medium-input:focus {
    outline: none; }

.fullscreen-search-medium-input::-ms-clear {
  display: none; }

.fullscreen-search-medium-input::-webkit-input-placeholder {
  color: #55595c; }

.fullscreen-search-medium-input::-moz-placeholder {
  color: #55595c; }

input[type="search"] {
  box-sizing: border-box; }

.fullscreen-search-medium-submit {
  position: absolute;
  width: 80px;
  height: 80px;
  text-indent: 100px;
  overflow: hidden;
  right: 0;
  top: 50%;
  background: transparent url(../images/svg/magnifier.svg) no-repeat center center;
  background-size: 100%;
  border: none;
  pointer-events: none;
  transform-origin: 50% 50%;
  opacity: 0;
  transform: translate3d(-30px, -50%, 0) scale3d(0, 0, 1); }
  .fullscreen-search-medium-submit:focus {
    outline: none; }

.fullscreen-search-close {
  width: 36px;
  height: 36px;
  position: absolute;
  right: 1em;
  top: 1em;
  overflow: auto;
  text-indent: 100%;
  cursor: pointer;
  pointer-events: none;
  opacity: 0;
  transform: scale3d(0, 0, 1); }
  .fullscreen-search-close:hover.fullscreen-search-close::before {
    opacity: 1; }
  .fullscreen-search-close:hover.fullscreen-search-close::after {
    opacity: 1; }

.fullscreen-search-close::before {
  transform: rotate(45deg); }

.fullscreen-search-close::after {
  transform: rotate(-45deg); }

.fullscreen-search-medium-content {
  color: #55595c;
  margin-top: 4.5em;
  width: 98%;
  height: 0;
  overflow: auto;
  padding: 0 5.5%;
  position: absolute;
  pointer-events: none;
  opacity: 0; }

@media (max-width: 991px) {
  .fullscreen-search-medium-input {
    padding: 0 25% 0 10px; }
  .fullscreen-search-medium.open .fullscreen-search-medium-input {
    font-size: 2em; }
  .fullscreen-search-medium.open .fullscreen-search-medium-submit {
    transform: translate3d(0, -50%, 0) scale3d(0.5, 0.5, 1); } }

@media (max-width: 1199px) {
  .fullscreen-search-medium {
    width: 80%;
    /*top: 10%;
		right: 10%;*/ }
  .fullscreen-search-medium.open .fullscreen-search-medium-input {
    font-size: 3em; } }
@media (max-width: 900px) {
  .fullscreen-search-medium.open {
    width: 100%;/*Cambia a 100*/
    min-height: 100%;
    opacity: 1;
    top: 0px;
    overflow: auto; }
.fullscreen-search-medium-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;/*Cmbia a 100*/
  height: 100%;
  background: rgba(255,255,255, 1);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
}
.no-js #loader { display: none;  }
		.js #loader { display: block; position: absolute; left: 100px; top: 0; }
		.se-pre-con {			
			width:      100%;
			height:     100%; 
			z-index:    9999999;
			top:        0; 
			left:       0; 
			position:   fixed;
			background: url(../images/loaderinnovia.gif) no-repeat center #FFFFFF;
		}