﻿/*! responsive-nav.js 1.0.25 by @viljamis */

.logo_responsive_layout{display:block;margin:0 auto; width: 100%;text-align: center}
.responsive-bar{height:3.000em;background-color:#333333}
.pre-header-banner {display:none !important;}
#custom-toggle {
  cursor: pointer;
  display: block; }
  #custom-toggle .bars {
    float: left;
    margin: 8px 0 0 0; }
    #custom-toggle .bars .bar {
      position: relative;
      border-radius: 10px;
      margin: 5px;
      height: 3px;
      width: 24px;
      
      background: #fff; }
  #custom-toggle.opened .bars .bar2 {
    background: rgba(255, 255, 255, 0); 
    }
  #custom-toggle.opened .bars .bar1 {
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    /* IE 9 */
    -webkit-transform: rotate(-45deg);
    /* Safari and Chrome */
    top: 8px; }
  #custom-toggle.opened .bars .bar3 {
    transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    /* IE 9 */
    -webkit-transform: rotate(-135deg);
    /* Safari and Chrome */
    top: -8px; }

nav{display:none}
nav.responsive-nav{display:block}

.header_search_form{position: absolute;top:-2em;right:110px;display: none}
.omw_login_logout{position: absolute;top:-2.3em !important;color:#fff !important;right:10px;}
.omw_login_logout a{color:#fff !important}
.socialIcons{position: absolute;top:-2.3em;right:240px}
.shopping-cart-content{position: absolute;right:95px}
.omw-banner-description{top:-1000px}

/******************************************************************************************************
* MEDIA SCREEN DEFINIÇÕES PARA RESOLUÇÕES MAIORES QUE 40em (640px) 
*******************************************************************************************************/
@media screen and (min-width: 40em) {
  .pre-header-banner {display:block !important;}
  .header_search_form{position: static;display: block}
  .logo_responsive_layout{display:none; !important}

  .socialIcons{position: static}

  .omw_login_logout{position: static;}
  .omw_login_logout a{color:#333 !important}
  
  .shopping-cart-content{position: static}
  
  nav{display:block}
  nav.responsive-nav,aside.responsive-bar{display:none}

  .nav-toggle {
    display: none;
  }
  
  .omw-banner-description{top:0 !important}

     
   #custom-toggle { display: none; }
    
    
}
