@charset "UTF-8";
/*configurações*/
html {height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; scroll-behavior: smooth;}
*, *::before, *::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
div:not(#header)::after, ol::after, form::after, dl::after {content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden;}
h1, h2, h3, h4, h5, h6{line-height:1em; font-weight:600;}
* h1:first-child, * h2:first-child, * h3:first-child, * h4:first-child, * h5:first-child, * h6:first-child{margin-top:0; padding-top:0;}
* h1:last-child, * h2:last-child, * h3:last-child, * h4:last-child, * h5:last-child, * h6:last-child{margin-bottom:0; padding-bottom:0;}
h1{font-size:64px;}
h2{font-size:52px;}
h3{font-size:40px;}
h4{font-size:36px;}
h5{font-size:28px;}
h6{font-size:24px;}
p{font-size:22px; line-height:1.5em;}
* p:first-child{margin-top:0;}
* p:last-child{margin-bottom:0;}
.chamada{font-size:26px;}
.legenda{font-size:14px;}
a{text-decoration:none; cursor:pointer; border: none;}
a img{border:none; max-width:100%; height:auto; display:block; margin:auto;}
strong{font-weight:500;}

/* identificadores */
#preloader {position:fixed; top:0; right:0; bottom:0; left:0; z-index:10000;}
#preloader::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center top 20%; background-size: 200px auto; background-image: url(../images/svg/df.svg); background-repeat: no-repeat;}
#preloader .inner {position:absolute; bottom:80px; left:50%; transform:translate(-50%, -50%);}
#preloader .loading{font-size: 0;}
.loading > span {display:inline-block; width:40px; height:40px; margin:0; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:animarBola; animation-timing-function:linear; animation-iteration-count:infinite;}
.loading > span:nth-child(1) {animation-duration:0.75s ; animation-delay:0;}
.loading > span:nth-child(2) {animation-duration:0.75s ;animation-delay:0.12s;}
.loading > span:nth-child(3) {animation-duration:0.75s  ;animation-delay:0.24s;}
@keyframes animarBola {0% {-webkit-transform:scale(1); transform:scale(1); opacity:1;} 16% {-webkit-transform:scale(0.1); transform:scale(0.1); opacity:0.7;} 33% {-webkit-transform:scale(1); transform:scale(1); opacity:1;}} 

#feedback{font-size: 0; display: none;}
#body {font-size:62.5%; margin:0; padding:0; width:100%; height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family: "Jost", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; color:#3E3E3C; min-width:360px;}
#container {margin:0; padding: 0; height:100%; min-height:100%; height:auto!important; position:relative; background:#FFFFFF; overflow-x:hidden; min-width:360px;}

#header {position: absolute; top: 0; right: 0; left: 0; padding: 40px 3.8% 0 3.8%; text-align: right; z-index: 100;}
#header .logo{display: block; float: left; width: 364px; height: 120px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url(../images/svg/difachini-comunicacao-visual.svg);}

#header .button{font-size: 20px; margin:10px 70px 0 0; position: relative; z-index: 10px; -webkit-transition:background-color 1s; -moz-transition:background-color 1s; -ms-transition:background-color 1s; transition:background-color 1s;}
#header .button:hover{background-color: #131A1C;}
#header .alpha.circle{border: solid 1px #FFFFFF; margin:10px 10px 0 0; position: relative; z-index: 10px;}

#header .panel-button{display:inline-block; width: 60px; height: 60px; position:fixed; top: 40px; right: 3.8%; z-index: 5; vertical-align:top; cursor: pointer; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s; border: solid 1px #FFFFFF;}
#header .panel-button span{display:block; position:absolute; -ms-user-select:none; -mos-user-select:none; -webkit-user-select:none; -o-user-select:none; user-select:none; background-color:#FFFFFF; height:4px; width:30px; top: 28px; left: 14px;}
#header .panel-button span:before, #header .panel-button span:after {background-color:#FFFFFF; content:""; position:absolute; top:-10px; left:0; height:4px; width:30px; display:block; transition:all .2s linear;}
#header .panel-button span:after {top:10px;}
#header .panel-button.active span {background-color:transparent;}
#header .panel-button.active span:before {transform:rotate(45deg);top:0;}
#header .panel-button.active span:after {transform:rotate(-45deg);top:0;}

#navMobile {position:fixed; top:0; right:0; bottom:0; padding: 0 3.8%; text-align:center; visibility:hidden; z-index: 90; list-style: none; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; border-left: solid 1px #FFFFFF;}
#navMobile li{position: relative; display: block; width: 340px;}
#navMobile li + li{margin-top: 25px;}
#navMobile a{font-size: 24px; line-height: 50px; display: block; border-style: solid; border-width: 1px; -khtml-border-radius:2em; -moz-border-radius:2em; -webkit-border-radius:2em; border-radius:2em; -webkit-transition:color 1s; -moz-transition:color 1s; -ms-transition:color 1s; transition:color 1s; font-weight: 300;}
#navMobile a:hover{color:#131A1C;}

#banner{background-position: center; background-image: url(../images/large/bg-banner.jpg);
  background-image: image-set(
    "../images/large/bg-banner.webp" type("image/webp"),
    "../images/large/bg-banner.jpg" type("image/jpeg")
  );}

#banner h1{margin: 0 15%; padding: 0; display: block; width: 70%; position: relative; z-index: 1;}
#banner h1 span{display: block;}
#banner h1 span.df{position: absolute; top: -.8em; right: 0; bottom: -1.6em; width: 4em; z-index: 1; background-position: right; background-size: contain; background-repeat: no-repeat; background-image: url(../images/svg/df.svg);}

#manifesto::before{content: ""; position: absolute; top: 0; right: 0; display: block; width: 30px; height: 180px; background-color: #95C11F;}
#manifesto .content{padding-bottom: 140px; background-position: bottom 60px right; background-repeat: no-repeat; background-size: 25% auto; background-image: url(../images/svg/difachini-cv.svg);}
#manifesto .grifado span.green{font-size: .8em; font-weight: 300; display: block;}

#dados{position: relative; background-position: center; background-image: url(../images/large/bg-dados.jpg);
  background-image: image-set(
    "../images/large/bg-dados.webp" type("image/webp"),
    "../images/large/bg-dados.jpg" type("image/jpeg")
  );}
#dados .content {padding: 100px 0;}
#dados li{font-size: 36px; line-height: 1.2em; width: 33.3333%; display: inline-block; vertical-align: top; font-weight: 300;}
#dados li .pict{border: solid 1px #95C11F; margin-bottom: .3em;}
#dados li .count{color: #95C11F; font-weight: 700; font-size: 2em; line-height: 1em; margin-bottom: .2em; display: inline-block; border-bottom: solid 2px #FFFFFF; position: relative; width: 80%; max-width: 240px;}
#dados li .count::before{content: "+"; font-size: .7em;}
#dados li .count::after{content: "";  display:block; position:absolute; width:1.2em; height:10px; left:50%; margin-left: -.6em; bottom:-6px; background-color: #95C11F;}

#projetos::before{content: ""; position: absolute; top: 0; left: 0; display: block; width: 30px; height: 180px; background-color: #95C11F;}
#projetos .bg-triangulos {transform: scaleX(-1); transform: rotate(180deg);}
#projetos .article{margin-bottom: 20px;}
#projetos .column-3::before{content: ""; position: absolute; top: 0; left: -50px; background-color: #95C11F; display: block; width: 40px; height: 40px;}

#projetos .box{margin-top: 80px; }
#projetos .box::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #627179; z-index: 0; opacity:.1; mix-blend-mode: multiply;}

#projetos .spacer{display: block; position: relative;}
#projetos .box-content{position: absolute; top: 70px; right: 50px; left: 50px; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s; z-index: -1;}
#projetos .box-content.visivel{opacity:1; -moz-opacity:1; filter:alpha(opacity=100); z-index: 10;}

#projetos .grifado::before{background-color: #131A1C;}
#projetos .grifado span.green{font-size: .8em; font-weight: 300; display: block;}

#projetos .sub-nav{display: flex; justify-content: space-around; align-items: center; align-content: center; margin: -80px auto 0 auto; white-space: nowrap; width: 60%; z-index: 10; position: relative; border: solid 2px #FFFFFF; -khtml-border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;}
#projetos .sub-nav li{display: inline-block; vertical-align: middle;}
#projetos .sub-nav li a {font-size: 20px; line-height: 3em; -webkit-transition:color 1s; -moz-transition:color 1s; -ms-transition:color 1s; transition:color 1s;}
#projetos .sub-nav li a:hover{color:#131A1C;}

#projetos h4 span.green{font-size: .8em; font-weight: 300; display: block;}

#projetos .projetos li{display: inline-block; width: 13.5%; padding-bottom: 13.5%; margin: 1.9% 3.8% 1.9% 0; border: solid 1px #D6DCE1; position: relative;}
#projetos .projetos li:nth-child(6n), #projetos .projetos li:last-child{margin-right: 0;}
#projetos .projetos li a{position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; filter: gray; -webkit-filter: grayscale(100%); -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s; background-position: center; background-repeat: no-repeat; background-size: contain;}
#projetos .projetos li a:hover {filter: gray; -webkit-filter: grayscale(100%);}
#projetos .projetos li a span:not(.pict){position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; align-content: center; -webkit-transition:margin 1s; -moz-transition:margin 1s; -ms-transition:margin 1s; transition:margin 1s; margin-top: -200%;}
#projetos .projetos li a:hover span:not(.pict){margin-top: 0;}
#projetos .projetos li a span:not(.pict)::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #131A1C; z-index: 0; opacity:.4; mix-blend-mode: multiply;}
#projetos .projetos li a .pict{position: relative; z-index: 1; border: solid 1px #FFFFFF;}

#clientes::before{content: ""; position: absolute; bottom: 0; right: 0; display: block; width: 30px; height: 180px; background-color: #95C11F;}
#clientes .bg-triangulos {transform: scaleY(-1);}
#clientes .article{margin: auto;}
#clientes .palco{margin-top: 80px; display:block; position:relative; overflow:hidden;}
#clientes .grifado span.green{font-size: .8em; font-weight: 300; display: block;}

#clientes .clientes-list{display:block; position:absolute; left:0; width:90%; margin: 0 5%; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
#clientes .clientes-list.ativo{opacity:1; -moz-opacity:1; filter:alpha(opacity=100); -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
#clientes li{display: inline-block; vertical-align: middle; width:13.5%; padding-bottom: 13.5%; margin: 0 3.8% 3.8% 0; background-position: center; background-size: 100%; background-repeat: no-repeat;}
#clientes li:nth-child(6n), #clientes li:last-child{margin-right: 0;}
#clientes li:nth-child(n+7):nth-child(-n+12){margin-bottom: 0;}
#clientes .prev, #clientes .next{z-index:5; display: block; position: absolute; margin-bottom: 20px; bottom: 0;}
#clientes .prev{left:0;}
#clientes .next{right:0;}
#clientes .prev.hover, #clientes .next.hover{opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);}

#atendimento-ao-cliente::before{content: ""; position: absolute; bottom: 0; left: 0; display: block; width: 180px; height: 30px; background-color: #131A1C;}
#atendimento-ao-cliente .bg-triangulos {transform: scaleX(-1);}
#atendimento-ao-cliente .grifado span.white{font-size: .8em; font-weight: 300; display: block;}
#atendimento-ao-cliente .grifado::after{background-color:#131A1C;}
#atendimento-ao-cliente .reset-list{margin: 80px 0;}
#atendimento-ao-cliente li{font-size: 28px; line-height: 1.2em; font-weight: 300; display: inline-block; vertical-align: top; width:16.96%; margin: 0 3.8% 0 0; position: relative;}
#atendimento-ao-cliente li:last-child{margin-right: 0;}
#atendimento-ao-cliente li .pict{margin-bottom: .3em;}
#atendimento-ao-cliente li .grifado{font-weight: 700; font-size: 1.2em; line-height: 1em; margin-bottom: 1em; display: inline-block;}
#atendimento-ao-cliente li .button{position: absolute; bottom: 0; left: 0; font-size: .7em; width: 60%; margin: 0 20%;}

#fale-conosco{background-image: url(../images/large/bg-footer.jpg);
  background-image: image-set(
    "../images/large/bg-footer.webp" type("image/webp"),
    "../images/large/bg-footer.jpg" type("image/jpeg")
  );}
#fale-conosco .column-3:first-child .pict{border: solid 1px #FFFFFF;}
#fale-conosco .column-3:first-child a + a{margin-left: 20px;}
#fale-conosco .column-3 p + p{margin-top: 25px;}

#fale-conosco  h5{font-weight: 300; background-repeat: no-repeat; background-position: top left; background-size: contain; background-image: url(../images/svg/difachini-comunicacao-visual.svg); padding:0 0 15% 0; margin-bottom: .5em;}
#fale-conosco  h5 span{font-size: 0;}
#fale-conosco span + p{position: absolute; bottom: 60px; line-height: 2em; right: 0; width: 30.8%;}
#fale-conosco span + p span:first-child:not(.pict){display: block; margin-bottom: .3em;}
#fale-conosco .button{width: 100%; max-width: 18em; padding-left: 30px; text-align: center;}
#fale-conosco .button .label{padding-right: 0; padding-left: 0;}
#fale-conosco .button .pict{position: absolute; left: 0;}

#whatsapp{position:fixed; right:3.8%; bottom: 80px; z-index:1000; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s; border: solid 1px #FFFFFF;}
#whatsapp.oculto{display: none; opacity:0; -moz-opacity:0; filter:alpha(opacity=0);}

#layer {position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(97,113,121,.7); display:none; padding:90px 3.8%; z-index:9999;}
#layer .content{display:none; padding:0; margin: 0 auto;}
#layer .close{position: absolute; top: -30px; right: -30px; margin-right: 17.3%; z-index: 20; border: solid 1px #FFFFFF;}
#layer .article{position: relative; display:block; border:solid 1px #95C11F; overflow-y:auto; padding: 50px; z-index: 10;}
#layer .bg-triangulos {transform: scaleX(-1); transform: rotate(180deg); background-size:60% auto;}

#layer .reset-list{text-align: center;}
#layer .reset-list li{width:22.15%; padding-bottom: 22.15%; margin:0 3.8% 3.8% 0; position:relative; display:inline-block; vertical-align:top; background-size: cover;}
#layer .reset-list li:nth-child(4n), #layer .reset-list li:last-child{margin-right: 0;}
#layer .reset-list li a{position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor:zoom-in;}

#layer h5{display: block;}
#layer h5::before{background-color: #131A1C; width: 100%; left: 0;}
#layer h5 span{display: block; font-size: .7em; font-weight: 400; line-height: 1.4em;}
#layer h4 {margin-top: 0;}
#layer h4::before{background-color: #131A1C;}
#layer h4 .pict{display: block; margin: auto;}
#layer h3{margin: 0; position: relative;}
#layer h3::before{content: ""; position: absolute; width: 40px; height: 40px; background-color: #95C11F; left: -50px;}
#layer h3 span{float: right; background-repeat: no-repeat; background-position: right center; background-size: contain; width: 3em; height: 3em; margin-top: -20px; margin-right: -20px; display: block; background-color: #FFFFFF; box-shadow: 0 0 8px #131A1C;}

/*formulários*/
#filtro {visibility:hidden;display:none;position:absolute;}
#formulario{position: relative; z-index: 10;}
#formulario input[type=text] {font-size:22px; font-weight:400; font-family: "Jost", sans-serif; width:100%; background:none; border-style: solid; border-width: 1px; padding:0 15px; height:42px; line-height:40px; margin:0 auto 25px auto; -khtml-border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
#formulario textarea {font-size:22px; font-weight:400;  font-family: "Jost", sans-serif; width:100%; background:none; border-style: solid; border-width: 1px; padding:10px 15px; margin:0 auto 25px auto; line-height:30px; -khtml-border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
#formulario input[type=submit], #formulario input[type=reset], #formulario button {font-size:16px; font-weight:400;  font-family: "Jost", sans-serif; width: 9em; cursor:pointer; appearance:none; -moz-appearance:none; -webkit-appearance:none; margin:auto; display: inline-block; border: solid 1px #FFFFFF; height:42px; -khtml-border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
#formulario button + input[type=submit]{margin-left: 2%;}

#formulario select {font-size:22px; font-weight:400; font-family: "Jost", sans-serif; width:100%; position:relative; padding:0 60px 0 20px; margin:0; height:40px; line-height:40px; border:none; -khtml-border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; appearance:none; -moz-appearance:none; -webkit-appearance:none; cursor:pointer; z-index:10; background-color: #131A1C; color: #FFFFFF; background-image:url(../images/svg/select.svg); background-position: right; background-repeat: no-repeat; background-size: contain;}

#formulario input[type=file]{width:0; height:0; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); overflow:hidden; position:absolute; z-index:-1;}
#formulario input[type=file] + label {font-size:22px; font-weight:400; font-family: "Jost", sans-serif; padding:0 15px; margin: 0 0 0 2%; line-height:40px; height:42px; display:inline-block; width:49%;  background-color:#FFFFFF; -khtml-border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px; border-radius:20px; cursor:pointer; overflow:hidden; border:solid 1px #131A1C; vertical-align: top;}
#formulario input[type=file]:focus + label, #formulario input[type=file] + label:hover {background-color:#95C11F;}
#formulario input[type=file]:focus + label {outline:1px dotted #627179; outline:-webkit-focus-ring-color auto 5px;}

#formulario div:not(.text-right){padding: 10px; background-color: #EBEEF0; -khtml-border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px; border-radius:30px; margin:0 0 25px 0; display: block;}
#formulario div:not(.text-right) input[type=text]{margin: 0; background-color: #FFFFFF;}
#formulario div.text-right .legenda.float-left{display:inline-block; text-align: left;}

#formulario input[type=text].extra, #formulario select.extra{width: 83%;}
#formulario input[type=text].large, #formulario select.large{width: 66%;}
#formulario input[type=text].medium, #formulario select.medium{width: 49%;}
#formulario input[type=text].small, #formulario select.small{width: 32%;}
#formulario input[type=text].tiny, #formulario select.tiny{width: 15%;}

#formulario input[type=text].large + input[type=text].tiny{margin-left: 2%;}
#formulario input[type=text].medium + input[type=text].medium{margin-left: 2%;}
#formulario input[type=text].medium + input[type=text].tiny{margin-left: 2%;}
#formulario input[type=text].small + input[type=text].medium{margin-left: 2%;}
#formulario input[type=text].small + input[type=text].small{margin-left: 2%;}
#formulario input[type=text].tiny + input[type=text].tiny{margin-left: 2%;}

#formulario.contato input[type=text], #formulario.contato textarea {border-color: #FFFFFF;}
#formulario.cadastro input[type=text], #formulario.cadastro textarea {border-color: #131A1C;}
#formulario.orcamento input[type=text], #formulario.orcamento textarea {border-color: #131A1C;}
#formulario.curriculo input[type=text], #formulario.curriculo textarea {border-color: #131A1C;}
#formulario.cadastro input[type=text], #formulario.cadastro select{margin:0 auto 20px auto;}

/*cookie consent*/
#termsfeed-com---nb{display:block; margin:5% auto 0 auto; max-width:800px; border:solid 1px #95C11F;}
.termsfeed-com---nb .cc-nb-title {color: #95C11F; font-family: "Jost", sans-serif; font-size:32px;}
.termsfeed-com---nb .cc-nb-text{color: #131A1C;}
.cc-nb-main-container{background-color:#FFFFFF; font-family: "Jost", sans-serif; font-size:18px;}
.cc-nb-okagree{background-color:#95C11F!important; color:#FFFFFF!important;}
.cc-nb-reject{background-color:#F39200!important; color:#FFFFFF!important;}
.cc-nb-changep{background-color:#627179!important; color:#FFFFFF!important;}

/*estruturais*/
.full-page{padding:0 3.8%; position:relative; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center;}
.full-page .content {padding: 60px 0;}
.content {margin:0 auto; width:100%; max-width: 1650px; position:relative; font-size:0;}
.article {width:65.4%; margin:auto; position:relative; display:inline-block; vertical-align:top;}
.column-2 {width:48.1%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-2:nth-child(2n), .column-2:last-child{margin-right:0;}
.column-3 {width:30.8%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-3:nth-child(3n), .column-3:last-child{margin-right:0;}
.column-4 {width:22.15%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-4:nth-child(4n), .column-4:last-child{margin-right:0;}
.column-6 {width:13.5%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-6:nth-child(6n), .column-6:last-child{margin-right:0;}
.box{padding: 50px; position: relative;}

/*cores*/
.white{color:#FFFFFF;}
.gray{color:#131A1C;}
.gray-l{color:#627179;}
.green{color:#95C11F;}

/*backgrounds*/
.bg-white{background-color:#FFFFFF;}
.bg-gray{background-color:#131A1C;}
.bg-gray-l{background-color:#627179;}
.bg-green{background-color:#95C11F;}
.bg-image{background-repeat:no-repeat; background-position:center; background-size:cover;}
.bg-linhas{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url(../images/svg/bg-linhas.svg); background-size:2px 4px; background-repeat: repeat; z-index: 0; mix-blend-mode:multiply;}
.bg-quadriculado{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url(../images/svg/bg-quadriculado.svg); background-size:4px 4px; background-repeat: repeat; z-index: 0;}
.bg-triangulos{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url(../images/svg/bg-triangulos.svg); background-size:45% auto; background-repeat: no-repeat; z-index: 0; background-position: bottom left;}

/*transições*/
.alpha {-webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
.alpha:hover {opacity:.4; -moz-opacity:.4; filter:alpha(opacity=40);}

/*constantes*/
.float-left{float:left;}
.float-right{float:right;}
.clear{clear:both;}
.clear-right{clear:right;}
.clear-left{clear:left;}
.reset-list{margin:0; padding:0; font-size:0; list-style:none;}
.text-justify{text-align:justify;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}

.circle{display:inline-block; vertical-align:middle; position: relative; -khtml-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}

.button{display:inline-block; vertical-align:middle; position:relative; border-style: solid; border-width: 1px; -khtml-border-radius:2em; -moz-border-radius:2em; -webkit-border-radius:2em; border-radius:2em;}
.button.hover{opacity:0.25; -moz-opacity:0.25; filter:alpha(opacity=25);}

.button .label{display:inline-block; vertical-align:top; text-align:center;}

.button.extra .label{font-size:1.8em; line-height:60px; padding:30px 1.8em;}
.button.large .label{font-size:1.6em; line-height:50px; padding:25px 1.6em;}
.button.medium .label{font-size:1.4em; line-height:40px; padding:20px 1.4em;}
.button.small .label{font-size:1.2em; line-height:30px; padding:15px 1.2em;}
.button.tiny .label{font-size:1em; line-height:20px; padding:10px 1em;}

.button.extra .pict + .label{padding:30px 2em 30px 1em;}
.button.large .pict + .label{padding:25px 1.8em 25px .9em;}
.button.medium .pict + .label{padding:20px 1.6em 20px .8em;}
.button.small .pict + .label{padding:15px 1.4em 15px .7em;}
.button.tiny .pict + .label{padding:10px 1.2em 10px .6em;}

.pict{display:inline-block; vertical-align:top; background-repeat:no-repeat; background-size:1100% auto; background-image:url(../images/svg/pictogramas.svg);}
.pict.text{background-image:none;}
.pict.hover{opacity:0.25; -moz-opacity:0.25; filter:alpha(opacity=25);}
.pict.circle{position:relative;}

.pict + span{display: inline-block; margin-left: .3em; line-height: 1.3em;}
.pict.local + span{vertical-align: top;}

.pict.extra{width:140px; height:140px; line-height:140px; font-size:2em;}
.pict.large{width:100px; height:100px; line-height:100px; font-size:1.8em;}
.pict.medium{width:80px; height:80px; line-height:80px; font-size:1.6em;}
.pict.small{width:60px; height:60px; line-height:60px; font-size:1.4em;}
.pict.tiny{width:40px; height:40px; line-height:40px; font-size:1.2em;}

.pict.white.whatsapp{background-position:0% 0%;}
.pict.white.fone{background-position:10% 0%;}
.pict.white.email{background-position:20% 0%;}
.pict.white.local{background-position:30% 0%;}
.pict.white.youtube{background-position:40% 0%;}
.pict.white.facebook{background-position:50% 0%;}
.pict.white.instagram{background-position:60% 0%;}
.pict.white.linkedin{background-position:70% 0%;}
.pict.white.cadastro{background-position:0% 12.5%;}
.pict.white.upload{background-position:10% 12.5%;}
.pict.white.download{background-position:20% 12.5%;}
.pict.white.suporte{background-position:30% 12.5%;}
.pict.white.orcamento{background-position:40% 12.5%;}
.pict.white.curriculo{background-position:50% 12.5%;}
.pict.white.calendario{background-position:60% 12.5%;}
.pict.white.clientes{background-position:70% 12.5%;}
.pict.white.link{background-position:80% 12.5%;}
.pict.white.curtir{background-position:90% 12.5%;}
.pict.white.mais{background-position:0% 25%;}
.pict.white.menos{background-position:10% 25%;}
.pict.white.fechar{background-position:20% 25%;}
.pict.white.anterior{background-position:30% 25%;}
.pict.white.seguinte{background-position:40% 25%;}
.pict.white.base{background-position:50% 25%;}
.pict.white.topo{background-position:60% 25%;}

.pict.gray.whatsapp{background-position:0% 37.5%;}
.pict.gray.fone{background-position:10% 37.5%;}
.pict.gray.email{background-position:20% 37.5%;}
.pict.gray.local{background-position:30% 37.5%;}
.pict.gray.youtube{background-position:40% 37.5%;}
.pict.gray.facebook{background-position:50% 37.5%;}
.pict.gray.instagram{background-position:60% 37.5%;}
.pict.gray.linkedin{background-position:70% 37.5%;}
.pict.gray.cadastro{background-position:0% 50%;}
.pict.gray.upload{background-position:10% 50%;}
.pict.gray.download{background-position:20% 50%;}
.pict.gray.suporte{background-position:30% 50%;}
.pict.gray.orcamento{background-position:40% 50%;}
.pict.gray.curriculo{background-position:50% 50%;}
.pict.gray.calendario{background-position:60% 50%;}
.pict.gray.clientes{background-position:70% 50%;}
.pict.gray.linque{background-position:80% 50%;}
.pict.gray.curtir{background-position:90% 50%;}
.pict.gray.mais{background-position:0% 62.5%;}
.pict.gray.menos{background-position:10% 62.5%;}
.pict.gray.fechar{background-position:20% 62.5%;}
.pict.gray.anterior{background-position:30% 62.5%;}
.pict.gray.seguinte{background-position:40% 62.5%;}
.pict.gray.base{background-position:50% 62.5%;}
.pict.gray.topo{background-position:60% 62.5%;}

.pict.green.whatsapp{background-position:0% 75%;}
.pict.green.fone{background-position:10% 75%;}
.pict.green.email{background-position:20% 75%;}
.pict.green.local{background-position:30% 75%;}
.pict.green.youtube{background-position:40% 75%;}
.pict.green.facebook{background-position:50% 75%;}
.pict.green.instagram{background-position:60% 75%;}
.pict.green.linkedin{background-position:70% 75%;}
.pict.green.cadastro{background-position:0% 87.5%;}
.pict.green.upload{background-position:10% 87.5%;}
.pict.green.download{background-position:20% 87.5%;}
.pict.green.suporte{background-position:30% 87.5%;}
.pict.green.orcamento{background-position:40% 87.5%;}
.pict.green.curriculo{background-position:50% 87.5%;}
.pict.green.calendario{background-position:60% 87.5%;}
.pict.green.clientes{background-position:70% 87.5%;}
.pict.gray.linque{background-position:80% 87.5%;}
.pict.green.curtir{background-position:90% 87.5%;}
.pict.green.mais{background-position:0% 100%;}
.pict.green.menos{background-position:10% 100%;}
.pict.green.fechar{background-position:20% 100%;}
.pict.green.anterior{background-position:30% 100%;}
.pict.green.seguinte{background-position:40% 100%;}
.pict.green.base{background-position:50% 100%;}
.pict.green.topo{background-position:60% 100%;}

/*específicas*/
.grifado{position: relative;}
.grifado::before{content: ""; display:block; position: absolute; width: 6em;  height: 1px; left:0; bottom: -10px; background-color: #FFFFFF;}
.grifado::after{content:""; display:block; position:absolute; width:2em; height:9px; left:0; bottom:-14px; background-color: #95C11F;}
.grifado.text-center::before{left:50%; margin-left: -3em;}
.grifado.text-center::after{left:50%; margin-left: -1em;}

@media screen and (max-width:1300px) {
/*configurações*/
h1{font-size:48px;}
h2{font-size:40px;}
h3{font-size:36px;}
h4{font-size:32px;}
h5{font-size:24px;}
h6{font-size:22px;}
p{font-size:18px;}
.chamada{font-size:24px;}
.legenda{font-size:12px;}

/* identificadores */
#preloader::before{background-size: 150px auto;} 

#header .logo{width: 244px; height: 80px;}

#header .button{font-size: 18px;}

#navMobile li + li{margin-top: 20px;}
#navMobile a{font-size: 20px; line-height: 40px;}

#banner{background-position: center; background-image: url(../images/medium/bg-banner.jpg);
  background-image: image-set(
    "../images/medium/bg-banner.webp" type("image/webp"),
    "../images/medium/bg-banner.jpg" type("image/jpeg")
  );}

#banner h1{margin: 0 5%; width: 90%;}

#manifesto::before{width: 30px; height: 140px;;}

#dados{position: relative; background-position: center; background-image: url(../images/medium/bg-dados.jpg);
  background-image: image-set(
    "../images/medium/bg-dados.webp" type("image/webp"),
    "../images/medium/bg-dados.jpg" type("image/jpeg")
  );}
#dados .content {padding: 80px 0;}
#dados li{font-size: 30px;}

#projetos::before{height: 140px;}
#projetos .column-3::before{left: -40px; width: 35px; height: 35px;}

#projetos .box{margin-top: 70px;}

#projetos .box-content{top: 60px; right: 40px; left: 40px;}

#projetos .sub-nav{margin: -70px auto 30px auto; width: 80%;}
#projetos .sub-nav li a {font-size: 18px;}

#clientes::before{height: 140px;}
#clientes .palco{margin-top: 60px;}

#atendimento-ao-cliente::before{width: 140px;}
#atendimento-ao-cliente .reset-list{margin: 60px 0;}
#atendimento-ao-cliente li{font-size: 22px;}
#atendimento-ao-cliente li .button{width: 80%; margin: 0 10%;}

#fale-conosco{background-image: url(../images/medium/bg-footer.jpg);
  background-image: image-set(
    "../images/medium/bg-footer.webp" type("image/webp"),
    "../images/medium/bg-footer.jpg" type("image/jpeg")
  );}

#layer {padding:60px 3.8%;}
#layer .article{padding: 40px;}

#layer h3::before{width: 35px; height: 35px;left: -40px;}

/*formulários*/
#formulario input[type=text] {font-size:18px;}
#formulario textarea {font-size:18px; line-height:24px;}
#formulario input[type=submit], #formulario button {font-size:14px;}

#formulario select {font-size:18px; padding:0 50px 0 20px;}
    
#formulario input[type=file] + label {font-size:18px;}    

/*estruturais*/
.content {padding: 40px 0;}
.box{padding: 40px;}
}
@media screen and (max-width:950px) {
/*configurações*/
h1{font-size:36px;}
h2{font-size:32px;}
h3{font-size:28px;}
h4{font-size:24px;}
h5{font-size:22px;}
h6{font-size:20px;}
p{font-size:16px;}
.chamada{font-size:20px;}
.legenda{font-size:10px;}

/* identificadores */
#preloader::before{background-size: 100px auto;}
#preloader .inner {bottom:60px;}
.loading > span {width:30px; height:30px;} 

#header {padding:30px 30px 0 30px;}
#header .logo{width: 212px; height: 70px;}

#header .button{font-size: 16px; margin:10px 60px 0 0; -webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none;}
#header .alpha.circle{margin:10px 5px 0 0;}

#header .panel-button{width: 50px; height: 50px; top: 30px; right: 30px; }
#header .panel-button span{height:4px; width:30px; top: 23px; left: 9px;}
#header .panel-button span:before, #header .panel-button span:after {top:-9px; height:4px; width:30px;}
#header .panel-button span:after {top:9px;}

#navMobile {padding: 30px 30px 0 30px;}
#navMobile li{width: 245px;}
#navMobile li + li{margin-top: 10px;}
#navMobile a{font-size: 18px; line-height: 30px;}

#banner{background-position: center; background-image: url(../images/small/bg-banner.jpg);
  background-image: image-set(
    "../images/small/bg-banner.webp" type("image/webp"),
    "../images/small/bg-banner.jpg" type("image/jpeg")
  );}

#manifesto::before{width: 20px; height: 100px;}
#manifesto .column-2{margin-top: 40px;}

#dados{background-image: url(../images/small/bg-dados.jpg);
  background-image: image-set(
    "../images/small/bg-dados.webp" type("image/webp"),
    "../images/small/bg-dados.jpg" type("image/jpeg")
  );}
#dados .content {padding: 60px 0;}
#dados li{font-size: 22px;}

#projetos::before{width: 20px; height: 100px;}
#projetos .article{margin-top: 40px;}
#projetos .column-3{width: 100%; margin-right: 0;}
#projetos .column-3::before{left: -30px; width: 25px; height: 25px;}  

#projetos .box{margin-top: 60px; }
#projetos .box-content{top: 50px; right: 30px; left: 30px;}

#projetos .sub-nav{margin: -55px auto 0 auto; width: 90%; border: solid 1px #FFFFFF;}
#projetos .sub-nav li a {font-size: 16px; -webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none;}
#projetos .sub-nav li a:hover{color:#131A1C;}

#projetos .projetos li{width: 22.15%; padding-bottom: 22.15%;}
#projetos .projetos li:nth-child(6n){margin-right: 3.8%;}
#projetos .projetos li:nth-child(4n), #projetos .projetos li:last-child{margin-right: 0;}
#projetos .projetos li a{-webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none;}
#projetos .projetos li a span:not(.pict){-webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none;}

#clientes::before{width: 20px; height: 100px;}
#clientes .palco{margin-top: 40px;}

#clientes li{width:22.15%; padding-bottom: 22.15%;}
#clientes li:nth-child(6n){margin-right: 3.8%;}
#clientes li:nth-child(4n), #clientes li:last-child{margin-right: 0;}
#clientes li:nth-child(n+7):nth-child(-n+8){margin-bottom: 3.8%;}
#clientes .prev, #clientes .next {margin-bottom: 10px;}
#clientes .prev{left:-30px;}
#clientes .next{right:-30px;}

#atendimento-ao-cliente::before{width: 100px; height: 20px;}
#atendimento-ao-cliente .reset-list{margin: 40px 0;}
#atendimento-ao-cliente li{font-size: 18px; width:100%; margin: 0; text-align: left; padding:0 80px 0 120px;}
#atendimento-ao-cliente li + li{margin-top: 10px;}
#atendimento-ao-cliente li .pict{margin-bottom: 0; position: absolute; top: 0; left: 0;}     
#atendimento-ao-cliente li .grifado{text-align: left;}
#atendimento-ao-cliente li .grifado::before, #atendimento-ao-cliente li .grifado::after {left: 0; margin-left: 0;}
#atendimento-ao-cliente li .button{position: absolute; bottom: auto; left: auto; top: 20px; right: 0; width: 62px; text-align: center; margin: 0; font-size: .8em; -khtml-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
#atendimento-ao-cliente li .button .label{line-height: 20px; padding: 20px 0;}

#fale-conosco{background-image: url(../images/small/bg-footer.jpg);
  background-image: image-set(
    "../images/small/bg-footer.webp" type("image/webp"),
    "../images/small/bg-footer.jpg" type("image/jpeg")
  );}
#fale-conosco .column-3:first-child{display: block; width: 100%; margin: 0;}
#fale-conosco .column-3:first-child h5{padding:0 0 60px 80px; width: 250px; float: left;}
#fale-conosco .column-3:first-child .pict{float: right; margin-left: 20px}
#fale-conosco .column-3:first-child a + a{margin-left: 0;}
#fale-conosco .column-3:not(:first-child){width:48.1%; margin-top:40px;}
#fale-conosco .column-3 p:not(:last-child){margin-bottom: 20px;}
#fale-conosco .column-3 p + p{margin-top: 20px;}
#fale-conosco span + p{bottom: 40px; width: 48.1%;}

#whatsapp{right:30px; bottom: 30px;}

#layer {padding:30px;}
#layer .close{top: -20px; right: -20px; margin-right: 0; z-index: 20;}
#layer .article{padding: 30px;}

#layer h3::before{width: 25px; height: 25px; left: -30px;}
#layer h3 span{width: 3em; height: 3em; margin-top: -10px; margin-right: -10px;}

/*formulários*/
#formulario input[type=text] {font-size:16px; padding:0 10px; height:32px; line-height:30px; margin:0 auto 20px auto; -khtml-border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
#formulario textarea {font-size:16px;  padding:10px; margin:0 auto 20px auto; line-height:20px; -khtml-border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
#formulario input[type=submit], #formulario button {font-size:12px; height:30px; -khtml-border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}

#formulario select {font-size:16px; padding:0 50px 0 10px; height:30px; line-height:30px; -khtml-border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}

#formulario input[type=file] + label {font-size:16px; padding:0 10px; line-height:30px; height:32px; -khtml-border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; border-radius:15px;}

#formulario div:not(.text-right){padding: 7px; -khtml-border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px; border-radius:25px; margin:0 0 20px 0; display: block;}

/*estruturais*/
.full-page{padding:0 30px;}
.full-page .content {padding: 40px 0;}
.content {max-width: 700px;}
.article, .column-2 {width:100%; margin:auto; display:block;}
.column-2:nth-child(2n), .column-2:last-child{margin-right:auto;}
.box{padding: 30px;}

/*backgrounds*/
.bg-triangulos{background-size:70% auto;}

/*transições*/
.alpha {-webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none;}

.button.extra .label{font-size:1.6em; line-height:50px; padding:25px 1.8em;}
.button.large .label{font-size:1.4em; line-height:40px; padding:20px 1.6em;}
.button.medium .label{font-size:1.2em; line-height:30px; padding:15px 1.4em;}
.button.small .label{font-size:1em; line-height:20px; padding:10px 1.2em;}
.button.tiny .label{font-size:.8em; line-height:16px; padding:7px 1em;}

.button.extra .pict + .label{padding:25px 2em 25px 1em;}
.button.large .pict + .label{padding:20px 1.8em 20px .9em;}
.button.medium .pict + .label{padding:15px 1.6em 15px .8em;}
.button.small .pict + .label{padding:10px 1.4em 10px .7em;}
.button.tiny .pict + .label{padding:7px 1.2em 7px .6em;}

.pict.extra{width:100px; height:100px; line-height:100px; font-size:1.8em;}
.pict.large{width:80px; height:80px; line-height:80px; font-size:1.6em;}
.pict.medium{width:60px; height:60px; line-height:60px; font-size:1.4em;}
.pict.small{width:40px; height:40px; line-height:40px; font-size:1.2em;}
.pict.tiny{width:30px; height:30px; line-height:30px; font-size:1em;}
}
@media screen and (max-width:600px) {
/*configurações*/
h1{font-size:28px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:16px;}
p{font-size:16px;}
.chamada{font-size:18px;}

/* identificadores */
#header .button{display: block; width: 32px; height: 32px; font-size: 0; margin:10px 10px 0 auto; background-repeat:no-repeat; background-size:1100% auto; background-image:url(../images/svg/pictogramas.svg); background-position:40% 12.5%; -khtml-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
#header .alpha.circle{display: block; width: 32px; height: 32px; margin:10px 10px 0 auto;}
#header .alpha.circle:nth-child(2){margin-top: 60px;}

#navMobile {padding: 0; width: 100%;  border-left:none;}
#navMobile li{width: 240px;}
#navMobile li + li{margin-top: 20px;}
#navMobile a{font-size: 16px;}

#banner{background-position: center; background-image: url(../images/tiny/bg-banner.jpg);
  background-image: image-set(
    "../images/tiny/bg-banner.webp" type("image/webp"),
    "../images/tiny/bg-banner.jpg" type("image/jpeg")
  );}
#banner h1{margin: 0 2.5%; width: 95%;}

#manifesto .content{padding-bottom: 180px; background-position: bottom 40px center; background-size: 160px auto;}

#dados{position: relative; background-position: center; background-image: url(../images/tiny/bg-dados.jpg);
  background-image: image-set(
    "../images/tiny/bg-dados.webp" type("image/webp"),
    "../images/tiny/bg-dados.jpg" type("image/jpeg")
  );}
#dados .content {padding: 40px 0;}
#dados li{font-size: 14px;}
#dados li .pict{border: solid 1px #95C11F; width:60px; height:60px;}
#dados li .count{border-bottom: solid 1px #FFFFFF; max-width: 100px;}
#dados li .count::after{height:7px; bottom:-4px;}

#projetos .article{margin-top: 20px;}
#projetos .box-content{top: 150px;}
    
#projetos .sub-nav{margin: -60px auto 20px auto; display: block; justify-content: center; align-items: center; align-content: center; white-space: normal; text-align: center; padding: 10px 20px; -khtml-border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
#projetos .sub-nav li{display:block;}
#projetos .sub-nav li + li{border-top: solid 1px #FFFFFF;}
#projetos .sub-nav li a {line-height: 2em;}

#projetos .projetos li{width: 30.8%; padding-bottom: 30.8%;}
#projetos .projetos li:nth-child(4n){margin-right: 3.8%;}
#projetos .projetos li:nth-child(3n), #projetos .projetos li:last-child{margin-right: 0;}

#clientes .palco{margin-top: 20px;}

#clientes .clientes-list{display:block; position:absolute; left:0; width:90%; margin: 0 5%; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}

#clientes li{width:30.8%; padding-bottom: 30.8%;}
#clientes li:nth-child(4n){margin-right: 3.8%;}
#clientes li:nth-child(3n), #clientes li:last-child{margin-right: 0;}
#clientes li:nth-child(n+7):nth-child(-n+9){margin-bottom: 3.8%;}
#clientes .prev, #clientes .next {margin-bottom: 10px;}
#clientes .prev{left:-40px;}
#clientes .next{right:-40px;}

#atendimento-ao-cliente li{font-size: 16px; padding:0 80px;}
#atendimento-ao-cliente li .pict{width: 80px; height: 80px;}     

#fale-conosco{background-image: url(../images/tiny/bg-footer.jpg);
  background-image: image-set(
    "../images/tiny/bg-footer.webp" type("image/webp"),
    "../images/tiny/bg-footer.jpg" type("image/jpeg")
  );}
#fale-conosco .column-3:not(:first-child){width:100%; margin-top:40px; margin-right: 0; text-align: center;}    
#fale-conosco .button{display: block; margin: auto; padding-left: 20px; max-width: 14em;}
#fale-conosco .pict.local{margin: 0 auto 5px auto; display: block;}
#fale-conosco span + p{position: relative; bottom: auto; width: 100%; text-align: center; border-top: solid 1px #95C11F; padding-top: .3em;}

#layer .bg-triangulos {background-size:100% auto;}
#layer .reset-list li{width:48.1%; padding-bottom: 48.1%;}
#layer .reset-list li:nth-child(2n), #layer .reset-list li:last-child{margin-right: 0;}
    
/*formulários*/
#formulario input[type=submit] {margin: auto;}
#formulario input[type=file] + label {width:100%; margin: 0 0 20px 0}
#formulario div:not(.text-right) input[type=file] + label {margin:7px 0 0 0;}

#formulario div.text-right{text-align: center;}
#formulario div.text-right .legenda.float-left{display: block; float: none; margin-bottom: 20px; text-align: center;}

#formulario input[type=text].extra, #formulario select.extra{width: 100%;}
#formulario input[type=text].large, #formulario select.large{width: 100%;}
#formulario input[type=text].medium, #formulario select.medium{width: 100%;}
#formulario input[type=text].small, #formulario select.small{width: 100%;}
#formulario input[type=text].tiny, #formulario select.tiny{width: 49%;}

#formulario input[type=text].large + input[type=text].tiny{margin-left: 0;}
#formulario input[type=text].medium + input[type=text].medium{margin-left: 0;}
#formulario input[type=text].medium + input[type=text].tiny{margin-left: 0;}
#formulario input[type=text].small + input[type=text].medium{margin-left: 0;}
#formulario input[type=text].small + input[type=text].small{margin-left: 0;}

/*estruturais*/
.content {max-width: 400px;}

/*backgrounds*/
.bg-triangulos{background-size:100% auto;}

/*específicas*/
.grifado::after{height:7px; bottom:-13px;}
}