*{margin: 0;padding: 0;font-size: 16px}
p,h1,h2,h3,h4,h5,h6{margin: 0;padding: 0}
img{max-width: 100%}

header{background-color: #0b4673;padding-top: 10px;padding-bottom: 10px;height: 90px;position:fixed;z-index: 80;top:0;width: 100%;-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4);box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4);}
header .logo h1{text-indent: -99999em;background: url("../img/logo-scala.svg") 0 0 no-repeat; width: 70px;height: 70px}
body{padding-top: 90px}

footer{background-color: #0b4673;padding-bottom: 20px;padding-top: 20px}
footer .atacama,footer .endereco{text-align: center;}
footer .atacama .linha-preta{height: 1px;background-color: #636363;width: 85%;margin: 0 auto 20px;}
footer .footer-logo{text-align: center;padding-bottom: 20px}
footer .endereco h5{font-family: 'Lato', sans-serif;font-weight: 900;color:#cbcac9;font-size: 0.750em}
footer .endereco p{font-size: 0.750em}
footer .endereco p,footer .endereco p a{font-family: 'Lato', sans-serif;font-weight: 700;color:#ffffff;}
footer .endereco p a{text-decoration: none;font-size: 1em}
.no-padding{padding: 0}

.c-hamburger {display: block;position: absolute;overflow: hidden;margin: 0;padding: 0;width: 50px;height: 60px;font-size: 0;text-indent: -9999px;appearance: none;box-shadow: none;border-radius: none;border: none;cursor: pointer;top:8px;right: 10px;z-index: 10}
.c-hamburger:focus {outline: none;}
.c-hamburger span {display: block;position: absolute;top: 26px;left: 12px;right: 12px;height: 3px;background: #0b4673;border-radius:5px;}
.c-hamburger span::before,.c-hamburger span::after {position: absolute;display: block;left: 0;width: 100%;height: 3px;background-color: #0b4673;content: "";border-radius:5px;}
.c-hamburger span::before {top: -7px;}
.c-hamburger span::after {bottom: -7px;}
.c-hamburger--htx {background: url("../img/bg-menu-mobile.svg") 0 0 no-repeat;background-color: transparent;}
.c-hamburger--htx span {}
.c-hamburger--htx span::before,.c-hamburger--htx span::after {transition-duration: 0.3s, 0.3s;transition-delay: 0.3s, 0s;}
.c-hamburger--htx span::before {transition-property: top, transform;}
.c-hamburger--htx span::after {transition-property: bottom, transform;}
.c-hamburger--htx.is-active {background-color: transparent;}
.c-hamburger--htx.is-active span {background: none;}
.c-hamburger--htx.is-active span::before {top: 0;transform: rotate(45deg);}
.c-hamburger--htx.is-active span::after {bottom: 0;transform: rotate(-45deg);}
.c-hamburger--htx.is-active span::before,.c-hamburger--htx.is-active span::after {transition-delay: 0s, 0.3s;}

#cssmenu{display: none;position: fixed;top:90px;z-index: 99;width: 100%;left: 0;}
#cssmenu .scroll-menu{position: relative;overflow-y: auto;height: 300px}
#cssmenu .menu-page{background-color:#d2d2d2;padding-left: 15px;padding-right: 15px;margin: 0;}
#cssmenu .menu-page ul{list-style: none;text-align: center;margin-bottom: 0}
#cssmenu .menu-page ul li{border-bottom: 1px solid #fff;}
#cssmenu .menu-page ul li:last-child{border:none;}
#cssmenu .menu-page ul li a{font-family: 'uni_sans_regularregular';color:#0b4673;text-transform: uppercase;display: block;padding: 12px 0}
#cssmenu .menu-page ul li a:hover,#cssmenu ul li a:focus{color: #fff;text-decoration: none;}
.fundo-opaco{display: none;position: fixed;top:90px;left:0;z-index: 95;background-color:#000;opacity: 0.5;bottom: 0;width: 100%;}

.seta-azul-bottom{position: absolute;width: 40px;height: 50px;bottom:-25px;display: block;background: url("../img/seta-azul.svg") 0 0 no-repeat;z-index: 3;margin: auto;left:0;right: 0;}
section#fornecedores{padding-top: 20px;padding-bottom: 20px}
section#fornecedores img{max-width: 100%}
section#fornecedores .fornecedor{text-align: center;margin-bottom: 25px;padding: 0 30px}
section#fornecedores h2{font-family: 'uni_sans_boldregular';color:#004473;font-size: 1.500em;margin-bottom: 40px;text-transform: uppercase;}

@media (min-width: 768px) {
	footer .endereco{text-align: right;}
	footer .atacama{padding-top: 50px}
	footer .endereco{padding-top: 50px}
    section#fornecedores .box-fornecedor{display: table;height: 100px;}
    section#fornecedores img{max-width: 90%}
    section#fornecedores .fornecedor{display: table-cell;vertical-align: middle;text-align: center;padding: 0}
}

@media (min-width: 992px) {
	body{padding-top: 0}
	header{position: static;width:auto;height: 140px;background: url("../img/bg-topo.jpg") 0 0 no-repeat;background-size:cover;padding-bottom: 0;padding-top: 0}
	header .logo{background-color: rgba(0,68,115,0.8);height: 140px;}
	header .logo h1{width: 120px;height: 120px;margin: 10px auto 0;}
	header .menu{background-color: rgba(215,215,215,0.8);padding: 0}
	header .menu ul{height: 140px;margin: 0}
	header .menu ul li{line-height: 140px;padding: 0}
	header .menu ul li a{font-family: 'uni_sans_regularregular';color:#59595c;font-size: 1em;display: block;height:140px;padding:0 15px }
	header .menu ul li a:hover,header .menu ul li a:focus,header .menu ul li a.active{border-bottom: 5px solid #002f4f;text-decoration: none;outline: none;}
	
	footer{background: url("../img/bg-footer.jpg") 0 0 no-repeat;background-size:cover;}
	footer .atacama{text-align: left;height: 100px;line-height: 100px;padding: 0 15px}
	footer .footer-logo{text-align: right;padding: 0 15px}
	footer .footer-logo img{margin-right: 80px}
	footer .endereco{text-align: right;}
	footer .atacama{padding-top: 50px}
	footer .endereco{padding-top: 50px}

    
    section#fornecedores img{max-width: 100%}
    section#fornecedores h2{font-size: 3em}
	
}
@media (min-width: 1020px) {
	header .menu ul li a{padding:0 20px }
}
@media (min-width: 1100px) {
	header .menu ul li a{padding:0 25px }
}
@media (min-width: 1200px) {
	header .menu ul li a{padding:0 30px }
}

@font-face {
    font-family: 'uni_sans_boldregular';
    src: url('../fonts/uni_sans_bold-webfont.eot');
    src: url('../fonts/uni_sans_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/uni_sans_bold-webfont.woff2') format('woff2'),
         url('../fonts/uni_sans_bold-webfont.woff') format('woff'),
         url('../fonts/uni_sans_bold-webfont.ttf') format('truetype'),
         url('../fonts/uni_sans_bold-webfont.svg#uni_sans_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'uni_sans_bookregular';
    src: url('../fonts/uni_sans_book-webfont.eot');
    src: url('../fonts/uni_sans_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/uni_sans_book-webfont.woff2') format('woff2'),
         url('../fonts/uni_sans_book-webfont.woff') format('woff'),
         url('../fonts/uni_sans_book-webfont.ttf') format('truetype'),
         url('../fonts/uni_sans_book-webfont.svg#uni_sans_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'uni_sans_regularregular';
    src: url('../fonts/uni_sans_regular-webfont.eot');
    src: url('../fonts/uni_sans_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/uni_sans_regular-webfont.woff2') format('woff2'),
         url('../fonts/uni_sans_regular-webfont.woff') format('woff'),
         url('../fonts/uni_sans_regular-webfont.ttf') format('truetype'),
         url('../fonts/uni_sans_regular-webfont.svg#uni_sans_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}