/*
Theme Name: acg
Author: Notoris
Author URI: https://notoris.com.br
Description: Tema desenvolvido por Notoris / Design: superbanaca+
Version: 1.0.11
*/

/* Fonts
--------------------------------------------- */
@font-face {
    font-family: 'FrutigerLT-Bold';
    src: url('fonts/FrutigerLT-Bold.woff2') format('woff2'),
        url('fonts/FrutigerLT-Bold.woff') format('woff'),
        url('fonts/FrutigerLT-Bold.ttf') format('truetype'),
        url('fonts/FrutigerLT-Bold.svg#FrutigerLT-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FrutigerLT-Light';
    src: url('fonts/FrutigerLT-Light.woff2') format('woff2'),
        url('fonts/FrutigerLT-Light.woff') format('woff'),
        url('fonts/FrutigerLT-Light.ttf') format('truetype'),
        url('fonts/FrutigerLT-Light.svg#FrutigerLT-Light') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FrutigerLT-Roman';
    src: url('fonts/FrutigerLT-Roman.woff2') format('woff2'),
        url('fonts/FrutigerLT-Roman.woff') format('woff'),
        url('fonts/FrutigerLT-Roman.ttf') format('truetype'),
        url('fonts/FrutigerLT-Roman.svg#FrutigerLT-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* General Structure and Styles
--------------------------------------------- */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { padding-top: 77px; }
body,input,textarea,select { font-family: 'FrutigerLT-Light', sans-serif; font-size: 16px; line-height: 1.5em; color: #3E3D3F; background: #FFF; }
strong { font-family: 'FrutigerLT-Bold'; font-weight: normal; }

form label { display:block; }
form label span { display: block; }
form input[type=text],
form input[type=email],
form input[type=tel],
form textarea { margin: 5px 0; padding: 10px; width: 100%; background: #FFF;  border: none; transition: 1s; -webkit-appearance: none; -moz-appearance: none; }
form input[type=text]:focus,
form input[type=email]:focus,
form textarea:focus { border-color: #7B2F5C; }
form input[type=email] { float: left; width: 49%; }
form input[type=tel] { float: right; width: 49%; }
form input[type=submit] { display: block; -webkit-appearance: none; -moz-appearance: none; }

.btn { display: inline-block; padding: 10px 30px; font-family: 'FrutigerLT-Bold'; color: #FFF; text-align: center; text-decoration: none; text-transform: uppercase; background: #A86A74; border: none; border-radius: 8px; }
input.btn { cursor: pointer; }

.hidden-lg { display: none !important; }
.hidden-sm { display: inline-block !important; }

.page { display: block; width: 100%; overflow: hidden; }
.container { position: relative; display: table; margin: 0 auto; width: 100%; max-width: 1020px; }

.site-header { position: fixed; top: 0; left: 0; z-index: 999; padding: 30px 0 15px; width: 100%; background: #FFFFFF; transition: .6s; }
.site-header .container { display: flex; align-items: center; }
.site-logo { display: block; margin-right: 60px; width: 130px; height: 32px; transition: .4s; }
.site-logo a { display: block; width: 130px; height: 32px; text-indent: -99999px; background: transparent url(images/acg.png) center center no-repeat; background-size: contain; transition: .4s; }

.nav-menu-anchor { cursor:pointer; overflow:hidden; position:absolute; display:none; top:37px; right:20px; margin-top:-18.5px; padding:0 4px; width:32px; height:32px; text-indent:-9999px; }
.nav-menu-anchor .nav-menu-icon { display:block; margin-top:4px; width:100%; height:3px; background-color: #4C3B5F; }

.site-nav { margin-top: -15px; transition: .6s; }
.site-nav ul { display: flex; }
.site-nav li { position: relative; display: block; }
.site-nav li a { position: relative; display: block; margin: 10px; font-family: 'FrutigerLT-Roman'; font-size: 18px; color: #3E3D3F; text-decoration: none; transition: .4s; }
.site-nav li a:hover::after { opacity: 1; transform: scaleX(1); }
.site-nav li .btn { margin-top: 5px; margin-left: 60px; padding: 8px 15px; font-size: 12px; font-weight: 900; color: #FFF; line-height: 1em; }
.site-nav li:last-child .btn { margin-left: 10px; }

.block { overflow: hidden; position: relative; display: block; width: 100%; }
.block h2, .block h3 { font-family: 'FrutigerLT-Bold'; font-weight: normal; font-size: 42px; color: #A86A74; line-height: 1.15em; }

.block-hero { padding: 80px 0; }
.block-hero .container { display: flex; align-items: center; }
.block-hero .hero-text { margin-right: 40px; color: #4C3B5F; }
.block-hero .hero-image { margin-right: 60px; }
.block-hero p { max-width: 480px; }
.block-hero h2 { margin-bottom: 20px; font-family: 'FrutigerLT-Roman'; font-size: 36px; }
.block-hero .btn { margin-top: 70px; }

.block-plataforma { background: rgba(230, 230, 230, .2); }
.block-plataforma .container { display: flex; justify-content: space-between; padding: 80px 0; background: url(images/plataforma-bg.png) 73px 80px no-repeat; }
.block-plataforma h2 { display: block; margin: 220px 0 0 80px; width: 100%; max-width: 360px; font-size: 32px; }
.block-plataforma .plataforma { margin-right: 60px; width: 270px; color: #A86A74; line-height: 2em; }
.block-plataforma .plataforma dt { margin-bottom: 20px; font-family: 'FrutigerLT-Bold'; font-size: 32px; }
.block-plataforma .plataforma dd { padding: 8px 0; font-family: 'FrutigerLT-Roman'; font-size: 28px; }

.block-sobre { padding: 80px 0; min-height: 100vh; background: #4C3B5F url(images/lines.png) center center no-repeat fixed; }
.block-sobre h2 { margin-left: 320px; color: #FFF; }
.block-sobre .sobre { display: flex; justify-content: space-around; margin-top: 160px; color: #FFF; }
.block-sobre .sobre p { max-width: 230px; padding-top: 10px; font-size: 24px; line-height: 1.25em; border-top: 2px solid #FFF; }
.block-sobre .sobre p span,
.block-sobre .sobre p:nth-child(3) strong { display: block; }

.block-solucoes { padding: 70px 0; }
.block-solucoes .solucao { display: flex; align-items: center; }
.block-solucoes .solucao .solucao-text { display: block; margin-right: 100px; width: 100%; }
.block-solucoes .solucao h3 { margin: 60px 0; padding: 5px 0 5px 45px; font-size: 36px; color: #4C3B5F; background: transparent url(images/icon-check.png) center left no-repeat; }
.block-solucoes .solucao p { margin-bottom: 40px; font-family: 'FrutigerLT-Roman'; font-size: 32px; color: #4C3B5F; line-height: 1.15em; }
.block-solucoes .solucao p small { display: block; font-family: 'FrutigerLT-Light'; font-size: 20px; line-height: 1.15em; }

.block-oquefazemos { padding: 40px 0; }
.block-oquefazemos h2 { margin-bottom: 40px; }
.block-oquefazemos .oquefazemos { display: flex; color: #4C3B5F; }
.block-oquefazemos .oquefazemos-image { margin-top: -10px; }
.block-oquefazemos .oquefazemos-image,
.block-oquefazemos .oquefazemos-text { width: 50%; }
.block-oquefazemos .oquefazemos-text { margin-left: 60px; }
.block-oquefazemos .oquefazemos-text p { margin-bottom: 30px; }
.block-oquefazemos .oquefazemos-text p:last-child { margin-top: 170px; }

.block-quemsomos { display: flex; align-items: center; min-height: 100vh; background: rgba(76, 59, 95, .2) url(images/lines.png) center center no-repeat fixed; }
.block-quemsomos .quemsomos { display: flex; align-items: center; color: #4C3B5F; }
.block-quemsomos .quemsomos p { margin-right: 140px; }
.block-quemsomos .quemsomos img { margin-right: 60px; }

.block-headline { padding: 60px 0; text-align: center; }
.block-headline h3 { font-size: 30px; }

.block-servicos { min-height: 100vh; background: #434D7F url(images/servicos-bg.jpg) center center no-repeat fixed; background-size: cover; }
.block-servicos .servicos { float: right; margin-top: 160px; max-width: 460px; color: #FFF; }
.block-servicos .servicos p { margin-bottom: 30px; }

.block-text { padding: 40px 0; font-size: 18px; color: #4C3B5F; }
.block-text h2 { margin-bottom: 40px; }
.block-text h4,
.block-text span { margin-bottom: 20px; font-family: 'FrutigerLT-Bold'; font-weight: normal; font-size: 18px; color: #A86A74; }
.block-text span { margin: 0; }
.block-text p { margin-bottom: 20px; font-weight: normal; color: inherit; }
.block-text ul { list-style: none; margin-left: 30px; }
.block-text ul li { position: relative; }
.block-text ul li::before { content: "•"; position: absolute; top: 0; left: -15px; color: #A86A74; }

.block-contato { padding: 80px 0; background: rgba(76, 59, 95, .2); }
.block-contato .container { display: flex; }
.block-contato h2 { padding-right: 70px; }
.block-contato form { display: block; flex: 0 0 750px; }
.block-contato p { margin-bottom: 30px; color: #4C3B5F; }

.site-footer { padding: 55px 0 40px; color: #FFF; background: #4C3B5F; }
.site-footer .container { display: flex; align-items: flex-end; flex-wrap: wrap; }
.site-footer .site-logo { margin-bottom: 20px; width: 185px; height: 46px; }
.site-footer .site-logo a { width: 185px; height: 46px; background-image: url(images/acg.svg); }
.site-footer .footer-links { margin-right: 120px; }
.site-footer .footer-nav ul { list-style: none; }
.site-footer .footer-nav ul li { display: block; }
.site-footer .footer-nav ul li a { display: block; padding: 10px 0; font-size: 18px; color: #FFF !important; text-decoration: none !important; }
.site-footer .footer-info p { margin-top: 35px; }
.site-footer .footer-info p:last-child { margin-bottom: 10px; }
.site-footer .container > p { display: block; flex: 0 0 100%; margin-top: 40px; width: 100%; }

.superbacana { position: absolute; right: 0; bottom: 10px; display: block; width: 73px; height: 30px; text-indent: -99999px; background: url(images/superbacana.png) no-repeat; }

.consent { position: fixed; left: 0; bottom: 0; padding: 40px 0; width: 100%; color: #FFF; line-height: 2.5em; text-align: center; background: #4C3B5F; }
.consent a { color: #FFF; }
.consent .btn { cursor: pointer; display: inline-block; margin-left: 10px; color: #4C3B5F; background: #FFF; }
.consent-accepted .consent { animation: fadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1); }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }

#loading { display: none; position: fixed; z-index: 999; top: 0; left: 0; z-index: 100; width: 100vw; height: 100vh; background: #FFF url(images/loading.gif) center center no-repeat; }

/* 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 : 1080px) {   
    .container { max-width: 90%; }
}
@media only screen and (max-width : 975px) {        
    .hidden-lg { display: block !important; }
    .hidden-sm { display: none !important; }    
    .container { padding: 0 20px; max-width: 100%; }        
    .site-header { padding: 0; }
    .site-header .container { padding: 0; }
    .site-logo { margin: 20px; }
    .nav-menu-anchor { display: block; } 
    .site-nav { position: fixed; top: 70px; width: 100%; background: #FFF; transform: translateX(100%); animation: .4s ease-out; }
    .site-nav ul { display: block; margin: 30px; }
    .site-nav li { display: block; }    
    .site-nav li .btn { margin: 10px; } 
    .menu-open .site-nav { transform: translateX(0); }
    .block-hero .container,    
    .block-contato .container { display: block; }
    .block-hero { padding: 20px 0; }
    .block-hero .hero-text,
    .block-hero .hero-image { margin: 0; }
    .block-hero .hero-image img { display: block; margin: 0 auto; }
    .block-hero p { max-width: 100%; }
    .block-hero .btn { display: table; margin: 40px auto 60px; }
    .block-plataforma .container { flex-direction: column-reverse; padding: 40px 0; background: none; }
    .block-plataforma .plataforma { margin: 0 auto; width: 200px; }
    .block-plataforma h2 { margin: 40px auto 0; padding-top: 220px; background: url(images/plataforma-bg.png) top center no-repeat; background-size: 100%; }
    .block-sobre { padding: 40px 0; }
    .block-sobre h2 { margin: 0; }
    .block-sobre { background-size: 140%; }
    .block-sobre .sobre { display: block; margin: 20px auto 0; }
    .block-sobre .sobre p { display: block; margin: 60px auto 0; }
    .block-solucoes .solucao { display: flex; flex-direction: column-reverse; }
    .block-solucoes .solucao h3 { display: table; margin: 30px auto; }
    .block-solucoes .solucao .solucao-text { margin: 0; text-align: center; }
    .block-solucoes .solucao .solucao-text img { display: block; margin: 40px auto; max-width: 60%; }
    .block-solucoes .solucao .solucao-image { display: none; }
    .block-solucoes .solucao .btn { display: table; margin: 40px auto; }
    .block-oquefazemos { padding: 40px 0 10px; }
    .block-oquefazemos .oquefazemos { display: block; }
    .block-oquefazemos .oquefazemos-image img { display: block; margin: 0 0 0 -10px; width: 102%; height: auto; }
    .block-oquefazemos .oquefazemos-image,
    .block-oquefazemos .oquefazemos-text { margin: 0; width: 100%; }
    .block-oquefazemos .oquefazemos-text { margin-top: 30px; }
    .block-oquefazemos .oquefazemos-text p:last-child { margin-top: 0; }
    .block-quemsomos .quemsomos { flex-direction: column-reverse; }
    .block-quemsomos .quemsomos p { margin-right: 0; }
    .block-quemsomos .quemsomos img { display: block; margin: 0 auto 30px; width: 90%; }
    .block-servicos { background-position: -300px 0; background-attachment: scroll; }
    .block-contato { padding: 40px 0; }
    .block-contato h2 { margin: 0; }
    .block-contato form { margin-top: 40px; width: 100%; }
    .block-contato form input, form textarea { display: block; }
    .block-contato form input[type=email],
    .block-contato form input[type=tel] { float: none; width: 100%; }
    .block-contato form .btn { display: table; margin: 20px auto 0; }
    .site-footer { padding: 30px; }    
    .site-footer .container { display: block; }
    .site-footer .footer-links { margin: 0; }
    .site-footer .site-logo { margin: 0 auto; }
    .site-footer .footer-nav { display: table; margin: 0 auto; width: 140px; }
    .site-footer .container > p { margin-bottom: 20px; text-align: center; }
    .consent .btn { display: block; margin: 20px auto 0; }
}