div.helper.top { margin-top: 775px; position: relative }
div.helper.top.smaller { margin-top: 900px; position: relative }
header.header { 
    height:auto; position:fixed; width:100%; 
    margin-top:0;
    z-index: 1;
    padding:0;
    top:0;
    left:0;
    box-shadow: 0 10px 0 rgba(0,0,0,0.1);
    height: 750px;
}
header.header:after {
  content: '';
  position: absolute;
  top:35px;
  left:0;
  width:100%;
  height: 50px;
  background-color:rgba(0,150,200,.4);
  z-index: -1
}
header.header * {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color:white!important; 
    text-shadow: 2px 2px 0 var(--blue) 
}
header.header #faixa { background-color:var(--blue); margin:0 }
header.header #faixa a, header.header #faixa span, header.header #faixa strong { font-size:12px; float: left; margin:5px;  }
header.header #faixa a.mail { margin-left:40px }
header.header #faixa strong { padding:7px }
header.header #faixa div.social { float:right; margin-right:25px }
header.header #faixa i { font-size:16px; float:left; margin:5px }
header.header div.in{ margin:0 auto; overflow: hidden }

#logo { padding:0; width:450px; display: block!important; position: absolute; top:0; left: 0; float: left }

#logo img { padding:0; margin:0!important; width: 100%; float:left  }

#logo h1{ font-family: 'Alfa Slab One', cursive; color:white; float:left; margin:25px; margin-right:0px; font-size: 40px; letter-spacing: .05em; }

header.header div.menu { 
    position:relative; bottom:0; margin:10px 0; padding:10px; 
    width:65%; float:right; font-weight: bolder; 
}

header.header div.menu div.in menu.menu li { width:16.5%; color:blue }

header.header div.menu div.in menu.menu li a { color:rgb(0,100,200); padding: 5px; }

header.header address { float: right; margin:0 20px; margin-top:25px; }

header.header address i { color:rgb(0,150,250); font-size:30px; float: left; margin-right:9px;  }

header.header address span  { float: left; font-style: normal; color:rgb(0,150,250); text-align:right }

header.header a.tel { float: right; margin-top:25px; margin-right:25px;  }

header.header a.tel i{ font-size:30px; float: left; margin-right:7px; }

header.header a.tel span{ font-size:18px; top:3px; position: relative }

header.header a.tel span span{ font-size:18px; top:-2px; }

header.header p strong{ margin-top:-5px; display: inline-table }

header.header div.in { 
   height:100%;
   position:relative;
}

header.header a#logo-white{ display:none }

div.faixa div.horario { 
	float:right; position:relative; margin:20px 0; padding: 0; background-color: transparent
}

div.horario strong{ color:white; font-size: 16px; display: block; text-align: left }

div.horario span{ 
  color:white; font-size: 16px;
  display: block; text-align: left
}

header.header div.half p { font-size: 16px; color:white; text-align: left; font-weight: lighter; width:90%; float:left; margin:5px }

header.header div.half fieldset { 
	 width:90%; height: 360px; background-color: lightgreen; float: right; 
	 box-shadow: 15px 15px 0 rgba(0,0,0,.1);
	 padding:0 9px
}

header.header a#logo{ padding-top:20px } 

header.header div.menu { padding:0!important; }

header.header div.menu a {
  color:white!important;
}

div.faixa { 
    position: absolute; width: 100%; top:650px; 
    background-color:rgba(0,150,200,.4); height:80px 
}

div.faixa div.in { 
  width:1000px
}

div.faixa address { float:left;  }

div.faixa address span { font-size: 12px; }

div.faixa a.tel  { float:left; margin:20px 40px }

div.faixa a.tel * { 
    float:left!important; 
    position:relative!important; 
    margin:3px!important;
}

div.faixa a.tel i { 
    margin-right: 6px!important;
}

div.faixa div.horario i { font-size: 30px; float:left; color:white; margin:5px 10px }

div.faixa div.horario div { font-size: 30px; float:left }

div.faixa div.horario span { font-size: 12px; margin:3px 0 }

header.header.smaller { margin:0; padding:0; border:none; 
  z-index:1000; height: 40px; background-color: #369
}

header.header.smaller:after {
  content: none;
}

header.header.smaller a#logo-white{ display:block; width:30px; float:left; margin-top: 3px }

header.header.smaller div.faixa, header.header.smaller div#faixa{ display: none }


header.header.smaller div.newsletter, header.header.smaller a#logo  { 
    display: none!important;
}

header.header.smaller div.half, header.header.smaller div.clear{ display: none; }

header.header.smaller div.menu  { margin:0; padding:5px  }

header.header.smaller div.menu{ padding-top:8px!important; } 

header.header.smaller div.menu menu { margin:0;  }

header.header.smaller div.menu menu li { border-color: white; display: block!important; }

header.header.smaller div.menu menu li a { 
  color: white!important;
}

header.header menu li div menu{ 
        position: absolute; top:15px; left:0; display: table; 
        overflow: hidden; padding:0; padding-top:5px; display: none; width:200px 
}
@media screen and (max-width: 1600px) {	
    div.faixa { top:525px; }
}
@media screen and (max-width: 640px) {	
    header.header  { 
        height:auto!important;
        padding: 0 5px!important;
    }
    header.header:after { top:0 }    
    header.header #faixa,  header.header .faixa { display: none }    
    #logo { position: relative; }    
    header.header a#logo-white { 
        max-height: 40px;
        position: static;
        margin:0!important;
    }    
    header.header a#logo-white img{ 
        max-height: 100%;
        max-width: 35px;
        width: 100%;
        margin:0!important;
        float: left        
    }    
    header.header div.in { 
       height:auto;
    }    
    #base { margin-top:250px!important; }
}
i.fa-whatsapp { color:white }