/*
Theme Name: Ares 2
Theme URI: http://www.ares2.com.br/
Author: Notoris
Author URI: http://notoris.com.br
Description: Tema desenvolvido por Notoris
Version: 1.0.1
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
strong { font-weight: 700; }
h3 { font-size: 50px; }
h5 { font-size: 30px; }
em { font-style: italic; }

/* General Structure and Styles
--------------------------------------------- */
body,input,textarea,select { font-family: 'Roboto', sans-serif; font-size: 18px; color: #666; background: #FFF; }
input,textarea { padding: 10px; border: 1px solid #00417F; box-sizing: border-box; }
body { padding-top: 135px; }
.container { position: relative; display: table; margin: 0 auto; width: 100%; max-width: 1380px; }
h2.page-title { display: block; margin-bottom: 20px; padding: 50px 30px; font-size: 26px; color: #FFF; letter-spacing: -.4px; text-align: center; background: #C9C9C9; }

.site-header { position: fixed; top: 0; left: 0; z-index: 99; width: 100%; background: #FFF; box-shadow: 0 1px 4px rgba(0, 0, 0, .25); }
.site-header .container { overflow: initial ; }
.site-logo { display: block; float: left; padding: 25px 0; width: 220px; height: 85px; transition: .4s; }
.site-logo a { display: block; width: 220px; height: 85px; text-indent: -99999px; background: transparent url(imgs/logo-ares.png) no-repeat; background-size: contain; transition: .4s; }

.menu-anchor { cursor:pointer; overflow:hidden; position:absolute; z-index: 99; display:none; top:41px; right:10px; margin-top:-8.5px; padding:0 4px; width:32px; height:32px; text-indent:-9999px; }
.menu-anchor .menu-anchor-icon { display:block; margin-top:5px; width:100%; height:4px; background-color: #363435; }

.site-nav { float: right; }
.site-nav .nav-primary { display: flex; }
.site-nav .nav-primary li { position: relative; display: inline-block; }
.site-nav .nav-primary li a { position: relative; display: block; float: left; margin: 0 25px; padding: 59px 0 58px; font-size: 18px; font-weight: 500; color: #86898B; text-transform: uppercase; text-decoration: none; transition: .4s; }
.site-nav .nav-primary li a:hover { color: #363435; }
.site-nav .nav-primary li a::after { content: " "; opacity: 0; position: absolute; top: 85px; right: 0; left: 0; width: auto; height: 1px; background-color: #363435; transition: all .6s cubic-bezier(.165,.84,.44,1); transform: scaleX(0); transform-origin: left center; }
.site-nav .nav-primary li a:hover::after { opacity: 1; transform: scaleX(1); }
.site-nav .nav-primary li .btn-fatura { padding-left: 30px; }
.site-nav .nav-primary li .btn-fatura::before { content: " "; position: absolute; top: 50%; left: 0; margin-top: -12px; width: 24px; height: 24px; background: url(imgs/icons.png) 0 0 no-repeat; background-size: cover; }

.block { overflow: hidden; display: block; width: 100%; margin: 0 auto; }

.block-hero { background: #C9C9C9; }
.block-hero .container { display: flex; flex-direction: row-reverse; align-items: center; padding: 35px 0; }
.block-hero .hero-img { position: relative; margin-left: 30px; max-width: 620px; }
.block-hero .hero-img img { display: block; width: 100%; height: auto; }
.block-hero .hero-img figcaption { position: absolute; display: block; bottom: 10px; right: -15px; padding: 5px 10px; color: #FFF; font-size: .85em; text-transform: uppercase; background: #FFC000; }
.block-hero .hero-text { font-size: 24px; line-height: 1.25em; color: #FFF; }
.block-hero .hero-text h2 { margin-bottom: 15px; font-size: 36px; }
.block-hero .hero-text img { display: block; width: 100%; max-width: 150px; height: auto; } 

.block-contact h2 { display: block; margin: 40px 0; padding: 50px 0; font-size: 26px; color: #FFF; letter-spacing: -.4px; text-transform: uppercase; text-align: center; background: #C9C9C9; }
.block-contact .contact-form { float: left; margin-left: 40px; width: 400px; }
.block-contact input,
.block-contact textarea { display: block; margin-bottom: 20px; width: 100%; max-width: 400px; }
.block-contact input[type="submit"] { cursor: pointer; width: 140px; color: #FFF; background: #363435; }
.block-contact input:focus { box-shadow: rgba(0, 0, 0, .25); }
.block-contact .contact-info { float: right; width: 500px; }
.block-contact .contact-info .apollo-energia { margin-bottom: 40px; }
.block-contact .contact-info h3 { display: none; }
.block-contact .contact-info .break { display: none; }

.block-downloads { padding: 40px 0; }
.block-downloads .downloads { display: table; width: 100%; }
.block-downloads .downloads-lista li a { position: relative; display: block; padding: 25px 25px 25px 75px; color: #666; text-decoration: none; background: transparent url(imgs/icon.png) 10px 0 no-repeat; background-size: 50px; }
.block-downloads .downloads-lista li a:hover { color: #363435; }
.block-downloads .downloads-lista li a::after { content: " "; opacity: 0; position: absolute; top: 50px; right: 0; left: 75px; width: auto; height: 1px; background-color: #363435; transition: all .6s cubic-bezier(.165,.84,.44,1); transform: scaleX(0); transform-origin: left center; }
.block-downloads .downloads-lista li a:hover::after { opacity: 1; transform: scaleX(1); }
.block-downloads .downloads-lista li a span { display: inline-block; margin-right: 20px; }

.site-footer { overflow: hidden; padding: 30px 0; }
.site-footer .container { display: flex; align-items: center; justify-content: flex-end; }
.fale-conosco { position: relative; padding-bottom: 20px; }
.fale-conosco::after { content: " "; position: absolute; right: 0; bottom: 0; width: 60px; height: 10px; background: #FFC000; }
.fale-conosco h3 { margin-bottom: 30px; font-size: 32px; text-transform: uppercase; }
.fale-conosco li { display: flex; align-items: center; margin-bottom: 20px; }
.fale-conosco li span { display: inline-block; margin-right: 15px; width: 32px; height: 32px; text-indent: -99999px; background: url(imgs/icons.png) 0 0 no-repeat; }
.fale-conosco .icon-tel span { background-position: 0 -111px; }
.fale-conosco .icon-mail span { background-position: 0 -36px; }
.fale-conosco .icon-address span { background-position: 0 -75px; }
.fale-conosco a { color: #666; text-decoration: none; }

/* sal.js */
[data-sal]{transition-duration:.2s;transition-duration:var(--sal-duration,.2s);transition-delay:0s;transition-delay:var(--sal-delay,0s);transition-timing-function:ease;transition-timing-function:var(--sal-easing,ease)}[data-sal][data-sal-duration="200"]{transition-duration:.2s}[data-sal][data-sal-duration="250"]{transition-duration:.25s}[data-sal][data-sal-duration="300"]{transition-duration:.3s}[data-sal][data-sal-duration="350"]{transition-duration:.35s}[data-sal][data-sal-duration="400"]{transition-duration:.4s}[data-sal][data-sal-duration="450"]{transition-duration:.45s}[data-sal][data-sal-duration="500"]{transition-duration:.5s}[data-sal][data-sal-duration="550"]{transition-duration:.55s}[data-sal][data-sal-duration="600"]{transition-duration:.6s}[data-sal][data-sal-duration="650"]{transition-duration:.65s}[data-sal][data-sal-duration="700"]{transition-duration:.7s}[data-sal][data-sal-duration="750"]{transition-duration:.75s}[data-sal][data-sal-duration="800"]{transition-duration:.8s}[data-sal][data-sal-duration="850"]{transition-duration:.85s}[data-sal][data-sal-duration="900"]{transition-duration:.9s}[data-sal][data-sal-duration="950"]{transition-duration:.95s}[data-sal][data-sal-duration="1000"]{transition-duration:1s}[data-sal][data-sal-duration="1050"]{transition-duration:1.05s}[data-sal][data-sal-duration="1100"]{transition-duration:1.1s}[data-sal][data-sal-duration="1150"]{transition-duration:1.15s}[data-sal][data-sal-duration="1200"]{transition-duration:1.2s}[data-sal][data-sal-duration="1250"]{transition-duration:1.25s}[data-sal][data-sal-duration="1300"]{transition-duration:1.3s}[data-sal][data-sal-duration="1350"]{transition-duration:1.35s}[data-sal][data-sal-duration="1400"]{transition-duration:1.4s}[data-sal][data-sal-duration="1450"]{transition-duration:1.45s}[data-sal][data-sal-duration="1500"]{transition-duration:1.5s}[data-sal][data-sal-duration="1550"]{transition-duration:1.55s}[data-sal][data-sal-duration="1600"]{transition-duration:1.6s}[data-sal][data-sal-duration="1650"]{transition-duration:1.65s}[data-sal][data-sal-duration="1700"]{transition-duration:1.7s}[data-sal][data-sal-duration="1750"]{transition-duration:1.75s}[data-sal][data-sal-duration="1800"]{transition-duration:1.8s}[data-sal][data-sal-duration="1850"]{transition-duration:1.85s}[data-sal][data-sal-duration="1900"]{transition-duration:1.9s}[data-sal][data-sal-duration="1950"]{transition-duration:1.95s}[data-sal][data-sal-duration="2000"]{transition-duration:2s}[data-sal][data-sal-delay="50"]{transition-delay:.05s}[data-sal][data-sal-delay="100"]{transition-delay:.1s}[data-sal][data-sal-delay="150"]{transition-delay:.15s}[data-sal][data-sal-delay="200"]{transition-delay:.2s}[data-sal][data-sal-delay="250"]{transition-delay:.25s}[data-sal][data-sal-delay="300"]{transition-delay:.3s}[data-sal][data-sal-delay="350"]{transition-delay:.35s}[data-sal][data-sal-delay="400"]{transition-delay:.4s}[data-sal][data-sal-delay="450"]{transition-delay:.45s}[data-sal][data-sal-delay="500"]{transition-delay:.5s}[data-sal][data-sal-delay="550"]{transition-delay:.55s}[data-sal][data-sal-delay="600"]{transition-delay:.6s}[data-sal][data-sal-delay="650"]{transition-delay:.65s}[data-sal][data-sal-delay="700"]{transition-delay:.7s}[data-sal][data-sal-delay="750"]{transition-delay:.75s}[data-sal][data-sal-delay="800"]{transition-delay:.8s}[data-sal][data-sal-delay="850"]{transition-delay:.85s}[data-sal][data-sal-delay="900"]{transition-delay:.9s}[data-sal][data-sal-delay="950"]{transition-delay:.95s}[data-sal][data-sal-delay="1000"]{transition-delay:1s}[data-sal][data-sal-easing=linear]{transition-timing-function:linear}[data-sal][data-sal-easing=ease]{transition-timing-function:ease}[data-sal][data-sal-easing=ease-in]{transition-timing-function:ease-in}[data-sal][data-sal-easing=ease-out]{transition-timing-function:ease-out}[data-sal][data-sal-easing=ease-in-out]{transition-timing-function:ease-in-out}[data-sal][data-sal-easing=ease-in-cubic]{transition-timing-function:cubic-bezier(.55,.055,.675,.19)}[data-sal][data-sal-easing=ease-out-cubic]{transition-timing-function:cubic-bezier(.215,.61,.355,1)}[data-sal][data-sal-easing=ease-in-out-cubic]{transition-timing-function:cubic-bezier(.645,.045,.355,1)}[data-sal][data-sal-easing=ease-in-circ]{transition-timing-function:cubic-bezier(.6,.04,.98,.335)}[data-sal][data-sal-easing=ease-out-circ]{transition-timing-function:cubic-bezier(.075,.82,.165,1)}[data-sal][data-sal-easing=ease-in-out-circ]{transition-timing-function:cubic-bezier(.785,.135,.15,.86)}[data-sal][data-sal-easing=ease-in-expo]{transition-timing-function:cubic-bezier(.95,.05,.795,.035)}[data-sal][data-sal-easing=ease-out-expo]{transition-timing-function:cubic-bezier(.19,1,.22,1)}[data-sal][data-sal-easing=ease-in-out-expo]{transition-timing-function:cubic-bezier(1,0,0,1)}[data-sal][data-sal-easing=ease-in-quad]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-sal][data-sal-easing=ease-out-quad]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-sal][data-sal-easing=ease-in-out-quad]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-sal][data-sal-easing=ease-in-quart]{transition-timing-function:cubic-bezier(.895,.03,.685,.22)}[data-sal][data-sal-easing=ease-out-quart]{transition-timing-function:cubic-bezier(.165,.84,.44,1)}[data-sal][data-sal-easing=ease-in-out-quart]{transition-timing-function:cubic-bezier(.77,0,.175,1)}[data-sal][data-sal-easing=ease-in-quint]{transition-timing-function:cubic-bezier(.755,.05,.855,.06)}[data-sal][data-sal-easing=ease-out-quint]{transition-timing-function:cubic-bezier(.23,1,.32,1)}[data-sal][data-sal-easing=ease-in-out-quint]{transition-timing-function:cubic-bezier(.86,0,.07,1)}[data-sal][data-sal-easing=ease-in-sine]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-sal][data-sal-easing=ease-out-sine]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-sal][data-sal-easing=ease-in-out-sine]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-sal][data-sal-easing=ease-in-back]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-sal][data-sal-easing=ease-out-back]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-sal][data-sal-easing=ease-in-out-back]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-sal|=fade]{opacity:0;transition-property:opacity}[data-sal|=fade].sal-animate,body.sal-disabled [data-sal|=fade]{opacity:1}[data-sal|=slide]{opacity:0;transition-property:opacity,transform}[data-sal=slide-up]{transform:translateY(20%)}[data-sal=slide-down]{transform:translateY(-20%)}[data-sal=slide-left]{transform:translateX(20%)}[data-sal=slide-right]{transform:translateX(-20%)}[data-sal|=slide].sal-animate,body.sal-disabled [data-sal|=slide]{opacity:1;transform:none}[data-sal|=zoom]{opacity:0;transition-property:opacity,transform}[data-sal=zoom-in]{transform:scale(.5)}[data-sal=zoom-out]{transform:scale(1.1)}[data-sal|=zoom].sal-animate,body.sal-disabled [data-sal|=zoom]{opacity:1;transform:none}[data-sal|=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:transform}[data-sal=flip-left]{transform:perspective(2000px) rotateY(-91deg)}[data-sal=flip-right]{transform:perspective(2000px) rotateY(91deg)}[data-sal=flip-up]{transform:perspective(2000px) rotateX(-91deg)}[data-sal=flip-down]{transform:perspective(2000px) rotateX(91deg)}[data-sal|=flip].sal-animate,body.sal-disabled [data-sal|=flip]{transform:none}

/* =Media queries
-------------------------------------------------------------- */
@media only screen and (max-width : 1300px) {
    .container { max-width: 95%; }
}

@media only screen and (max-width : 1170px) {
    .block-hero img { width: 45%; }
}

@media only screen and (max-width : 1070px) {
    .block-contact .contact-form { width: 100%; }
}

@media only screen and (max-width : 960px) {
    .block-hero h2 { font-size: 32px; }  
}

@media only screen and (max-width : 850px) {
    body,input,textarea,select { font-size: 14px; }
    body { padding-top: 90px; }
    .site-logo,
    .site-logo a { width: 130px; height: 50px; }
    .menu-anchor { display: block; }
    .site-nav { position: absolute; display: none; top: 80px; left: 0; width: 100%; padding: 0; background: #FFF; }
    .menu-open .site-nav { display: block; }
    .menu-open .site-nav .nav-primary { display: table; padding: 20px 0; }
    .menu-open .site-nav .nav-primary li { display: block; }
    .menu-open .site-nav .nav-primary li a { display: block; padding-top: 20px; padding-bottom: 20px; }
    .menu-open .site-nav .nav-primary li a::after { display: none; }    
    .block-downloads .downloads-lista li a { padding: 15px 15px 15px 55px; background-size: 35px; }
    .block-downloads .downloads-lista li a span { margin-right: 10px; }
    .block { min-width: 300px; }
    .block-contact .contact-form { margin-left: 0; }
    .block-contact .contact-info { float: none; width: 100%; }
    .block-contact input, .block-contact textarea { max-width: 100%; }
    .contato-msg { margin-bottom: 50px; }
    .site-footer .container { display: block; }
    .fale-conosco .break { display: none; }
}

@media only screen and (max-width : 768px) {
    .block-hero .container { display: block; }       
    .block-hero .hero-img { margin: 0 auto 30px; max-width: 98%; }
    .block-hero .hero-text h2 { font-size: 32px; }
    .block-hero .hero-text { margin: 0 0 40px; font-size: 22px; }      
}

@media only screen and (max-width : 380px) {
    .fale-conosco .break { display: initial; }
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    select,
    textarea,
    input {
        font-size: 16px;
    }
}