/*------------------------ CSS Reset */

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, 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; }
main, 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: 0; font-size: 100%; font: inherit; vertical-align: baseline; border-collapse: collapse; border-spacing: 0; }
caption, tbody, tfoot, thead, tr, th, td{margin: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
html, body { width: 100%; height: 100%; -webkit-font-smoothing: subpixel-antialiased; }

/*------------------------ Essencial */

*{-webkit-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; font-family: 'Montserrat', sans-serif !important; position: relative;}
body{margin: 0; font-size: 14px; line-height: 18px; overflow-x: hidden;}
body:before{content: ""; display: block; width: 100%; height: calc(50% - 120px); left: 0; top: 120px; position: absolute; z-index: 1; background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(245,245,245,0) 100%);
background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(245,245,245,0) 100%);
background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(245,245,245,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#00f5f5f5',GradientType=0 );}
body.nograybg:before{display: none;}

a{text-decoration: none;}
strong{font-weight: 700;}
p{margin: 10px 0;}
h1, h2, h3, h4, h5, h6{line-height: 1em; padding-bottom: 10px;}
h1{font-size: 2em; position: relative; display: inline-block;}
h1:after{content: ""; display: block; position: absolute; bottom: -2px; height: 2px; width: 100%; background-color: #e30613;}
h2{font-size: 1.5em;}
h3{color: #e30613; font-weight: bold; font-size: 1em;}

.cont a{color: #000; transition: color .5s;}
.cont a:hover{color: #e30613;}

form{position: relative; margin-bottom: 10px; max-width: 800px; margin: 0 auto;}
form label{background-color: #f5f5f5; padding: 8px; min-height: 46px; width: 100%; display: block; margin-bottom: 10px; border-bottom: 1px solid #CCC;}
label>span{width: 100px; display: inline-block; vertical-align: top; padding-right: 10px; padding-top: 8px; line-height: 1em; text-align: right; color: #666;}
label>span .req:before{content: "*"; color: #e30613;}
input{vertical-align: middle;}
input, textarea, select, button{background-color: transparent; border: 0; outline: none; font-size: 1em; color: #000;}
input:not([type='checkbox']), input:not([type='radio']), select{height: 30px; line-height: 30px;}
input:not([type='checkbox']), input:not([type='radio']), select, textarea{width: calc(100% - 104px);}
input:not([type='checkbox']):focus, input:not([type='radio']):focus, select:focus, textarea:focus{border-bottom: 1px solid #e30613;}
textarea{padding: 5px 0;}
button:not(.gm-control-active){cursor: pointer; display: inline-block; left: 50%; transform: translateX(-50%); background-color: #e30613; padding: 10px; color: #FFF; min-width: 100px; border: 1px solid #FFF; transition: all .5s; -webkit-border-top-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomleft: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px;}
button:not(.gm-control-active):hover{border: 1px solid #e30613; background-color: #FFF; color: #e30613;}
.g-recaptcha{margin: 0 auto 10px auto; display: block; width: 304px;}

section ul {padding: 0; margin: 0;}
section ul ul{padding-top: 10px; padding-left: 10px;}
section li {padding-left: 1em; margin-bottom: 10px;}
section li::before {content: "\2022"; font-size: 2em; display: block; height: 7px; width: 7px; position: absolute; top: 6px; left: 0; line-height: 0; color: #e30613;}
section ul ul>li::before {content: "\00BB"; font-size: 1.2em; top: 7px;}

.hide{display: none;}
.leak{width: 100vw; left: 50%; transform: translateX(-50%);}

.msg{border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 10px; margin-bottom: 10px; text-align: center;}
.msg.ok{border-bottom-color: #4286f4;}
.msg.erro{border-bottom-color: #bc6b6b;}
.msg.aviso{border-bottom-color: #bcba6b;}

@media screen and (max-width: 670px) and (min-height: 481px) {
	body:before{top: 100px;}
}
@media screen and (max-width: 670px) and (max-height: 480px) {
	body:before{top: 70px;}
}
@media screen and (max-width: 560px){
	body:before{top: 100px;}
}

/*------------------------ Estrutura basica */

body.whileload{width: 100%; height: 100%; overflow: hidden;}
body.menu-opened{width: 100%; height: 100%;}

body>header{height: 120px; width: 100%; background-color: #FFF; z-index: 100;}
body>header:after{content: ""; display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); max-width: 1200px; width: 100%; height: 1px; background-color: #e30613; opacity: 0.2;}
body.fixedheader>header{position: fixed; top: 0; left: 0; z-index: 100;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.65) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.65) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a6ffffff',GradientType=0 );}

body>section{width: 100%; height: calc(100% - 120px); z-index: 2; transition: height .5s linear .5s;}
body>section:after{content: ""; display: block; clear: both;}
body.fixedheader>section{height: 100%;}
body.menu-opened>section{height: 0; overflow: hidden;}
body>section.maxw{max-width: 1200px; margin: 0 auto; padding: 0 10px 20px 10px}
.loading{display: block; opacity: 1; width: 100%; height: 200%; position: absolute; top: 0; left: 0; z-index: 3; background-color: #FFF; z-index: 9999; -webkit-transition: opacity 1s; transition: opacity 1s;}
.loading.hide{opacity: 0;}
.preloader{width: 50px; height: 50px; position: absolute; top: 25%; left: 50%; transform: translate(-50%,-50%);}
.preloader span{background-color: #666; border-radius: 20%; height: 30%; width: 5px; display: block; position: absolute; top: 50%; left: 50%; opacity: 0;}
.preloader.ready span{animation-name: fade; animation-duration: 2s; animation-iteration-count: infinite;}
.preloader.ready span:nth-child(1){transform: translate(-50%,-165%) rotate(0deg);}
.preloader.ready span:nth-child(2){transform: translate(130%,-150%) rotate(30deg); animation-delay: .16s;}
.preloader.ready span:nth-child(3){transform: translate(260%,-110%) rotate(60deg); animation-delay: .32s;}
.preloader.ready span:nth-child(4){transform: translate(300%,-50%) rotate(90deg); animation-delay: .48s;}
.preloader.ready span:nth-child(5){transform: translate(260%,10%) rotate(120deg); animation-delay: .64s;}
.preloader.ready span:nth-child(6){transform: translate(130%,55%) rotate(150deg); animation-delay: .8s;}
.preloader.ready span:nth-child(7){transform: translate(-50%,70%) rotate(180deg); animation-delay: .96s;}
.preloader.ready span:nth-child(8){transform: translate(-220%,55%) rotate(210deg); animation-delay: 1.12s;}
.preloader.ready span:nth-child(9){transform: translate(-345%,10%) rotate(240deg); animation-delay: 1.28s;}
.preloader.ready span:nth-child(10){transform: translate(-405%,-50%) rotate(270deg); animation-delay: 1.44s;}
.preloader.ready span:nth-child(11){transform: translate(-350%,-110%) rotate(300deg); animation-delay: 1.6s;}
.preloader.ready span:nth-child(12){transform: translate(-220%,-150%) rotate(330deg); animation-delay: 1.76s;}

.tit{padding-bottom: 20px; padding-top: 10px; text-align: center; display: none;}
.cont{padding-top: 10px;}

@keyframes fade {
    0%   {opacity: 0;}
    50%  {opacity: 1;}
    100% {opacity: 0;}
}

@media screen and (max-width: 670px) and (min-height: 481px) {
	body>section{height: calc(100% - 100px);}
}
@media screen and (max-width: 670px) and (max-height: 480px) {
	body>section, body.fixedheader>section{height: calc(100% - 70px);}
	.tit{display: block;}
}
@media screen and (max-width: 560px){
	body>section, body.fixedheader>section{height: calc(100% - 100px);}
	.tit{display: block;}
}
@media screen and (max-width: 560px), screen and (max-width: 670px) and (max-height: 480px) {
	body.fixedheader>header{position: relative;}
}

/*------------------------ Header */

body>header #info{position: absolute; right: calc(50% - 540px); top: 10%; font-size: 1.2em;}
body>header #info a{color: #000; transition: color .5s; font-size: 0.9em;}
body>header #info a:hover{color: #e30613;}
body>header #info .tel{padding-left: 20px;}
body>header #logo{display: block; position: absolute; left: calc(50% - 540px); top: 50%; transform: translateY(-50%); width: 130px; height: 112px;}
body>header nav{position: absolute; width: 945px; text-align: right; right: calc(50% - 540px); top: 50%; transform: translateY(-50%);}
body>header nav li{display: inline-block; width: 100px; margin: 0 15px 0 15px;}
body>header nav li:last-child{margin: 0 0 0 15px;}
body>header nav li a{display: block; padding-top: 5px; border-top: 2px solid rgba(0,0,0,0.3); color: rgba(0,0,0,0.3); text-align: center; transition: all .5s;}
body>header nav li a:before, body>header nav li a:after{content: ""; display: block; position: absolute; top: -2px; height: 2px; width: 0; background-color: #e30613; transition: width .5s;}
body>header nav li a:before{left: 0;}
body>header nav li a:after{right: 0;}
body.touch>header nav li a,
body.notouch>header nav li a:hover,
body>header nav li.atual a{border-top: 2px solid rgba(0,0,0,0); color: #000;}
body.touch>header nav li a:before, body.touch>header nav li a:after,
body.notouch>header nav li a:hover:before, body.notouch>header nav li a:hover:after,
body>header nav li.atual a:before, body>header nav li.atual a:after{width: 50%;}
body>header #menu-icon{display: none; height: 35px; width: 35px; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); cursor: pointer;}
body>header #menu-icon:before, body>header #menu-icon:after, body>header #menu-icon span{width: 100%; height: 6px; border-radius: 6px; display: block; position: absolute; left: 0; background-color: #e30613; opacity: 1; transform: rotate(0deg); transition: all .5s;}
body>header #menu-icon:before{top: 0; content: "";}
body>header #menu-icon:after{bottom: 0; content: "";}
body>header #menu-icon span{top: 50%; transform: translateY(-50%);}

body.menu-opened>header #menu-icon:before{top: 50%; transform: translateY(-50%) rotate(45deg);}
body.menu-opened>header #menu-icon:after{bottom: 50%; transform: translateY(50%) rotate(-45deg);}
body.menu-opened>header #menu-icon span{opacity: 0;}

@media screen and (max-width: 1100px) {
	body>header #info, body>header nav{right: 10px;}
	body>header nav{width: calc(100% - 135px);}
	body>header #logo{left: 10px;}
}
@media screen and (max-width: 960px) {
	body>header #info{top: 50%; transform: translateY(-50%);}
	body>header #info a{display: none;}
	body>header nav{right: 120px; width: 400px;}
	body>header nav li{width: 100px; margin: 0 15px 15px 15px;}
	body>header nav li:nth-child(4), body>header nav li:nth-child(5), body>header nav li:nth-child(6){margin: 0 15px 0 15px;}
}
@media screen and (max-width: 670px) and (min-height: 481px) {
	body>header{height: 100px;}
	body>header #logo{width: 100px; height: 80px;}
	body>header #info{display: none;}
	body>header nav{right: 10px; width: 400px;}
}
@media screen and (max-width: 670px) and (max-height: 480px) {
	body>header{height: 70px;}
	body>header #logo{width: 74px; height: 60px;}
}
@media screen and (max-width: 560px){
	body>header{height: 100px;}
	body>header #logo{width: 100px; height: 80px;}
}
@media screen and (max-width: 560px), screen and (max-width: 670px) and (max-height: 480px) {
	body>header #info{display: none;}
	body>header #menu-icon{display: block;}
	body>header{background-color: #FFF !important;}
	body>header nav{top: 100%; right: 0; height: 0; min-height: 0; width: 100%; overflow: hidden; transform: translateY(0); background-color: #FFF; transition: all .5s;}
	body>header nav ul{padding-top: 20px;}
	body>header nav li{display: block; width: 70%; margin: 0 auto 15px auto !important;}
}

/*------------------------ Home */

section#home .slide{width: 100%; height: 100%;}
section#home .slide{position: absolute; top: 0; left: 0; opacity: 0; transition: opacity .5s; z-index: 1; background-repeat: no-repeat; background-size: cover; background-position: center;}
section#home .slide:after{content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; transition: opacity 1s;
background: -moz-linear-gradient(-45deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.75) 90%);
background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0) 30%,rgba(0,0,0,0.75) 90%);
background: linear-gradient(135deg, rgba(0,0,0,0) 30%,rgba(0,0,0,0.75) 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=1 );}
section#home .slide .chamada{width: 50%; min-height: 30%; position: absolute; z-index: 2; right: 0; bottom: 0; padding: 0 30px 30px 60px; font-size: 18px; color: #FFF !important; opacity: 0; transition: opacity 1s;}
section#home .slide h2{font-size: 24px; font-weight: 700;}
section#home .slide svg{width: 46px; height: 41px; float: left; position: absolute; top: 0; left: 0; transition: left .5s;}
section#home .slide.anuncio{background: #eeeeee;
background: -moz-linear-gradient(-45deg, #eeeeee 0%, #d6d6d6 100%);
background: -webkit-linear-gradient(-45deg, #eeeeee 0%,#d6d6d6 100%);
background: linear-gradient(135deg, #eeeeee 0%,#d6d6d6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#d6d6d6',GradientType=1 );}
section#home .slide.anuncio:before{content: ""; display: block; width: 100%; height: 100%; opacity: 0.5; z-index: 1; background-image: url(../images/apple-589643.png); background-repeat: no-repeat; background-size: contain; background-position: bottom left;}
section#home .slide.anuncio .anuncio_holder{position: absolute; z-index: 2; top: calc(50% + 77px); left: 50%; width: 0; height: 10px; overflow: hidden; transform: translate(-50%,-50%); background-color: rgba(0,0,0,0.75); transition: width .5s, height .5s ease .5s;}
section#home .slide.anuncio .anuncio_cont{width: 100%; height: 100%; overflow: hidden; opacity: 0; transition: opacity .5s ease 1s; color: #FFF;}
section#home .slide.anuncio.atual .anuncio_holder{width: 80%; height: calc(100% - 154px - 40px); }
section#home .slide.anuncio.atual .anuncio_cont{opacity: 1;}
section#home .slide.anuncio.atual .anuncio_cont p{padding: 0 10px;}
section#home .slide.atual{opacity: 1; z-index: 2;}
section#home .slide.callcham:after{opacity: 1;}
section#home .slide.callcham .chamada{opacity: 1;}

section#home ul{position: absolute; top: 140px; left: 50%; transform: translateX(-50%); z-index: 3;}
section#home .seta{position: absolute; width: 20px; height: 20px; z-index: 3; cursor: pointer;}
section#home .next{top: 138px; left: calc(50% + 100px); transform: rotate(135deg);}
section#home .prev{top: 138px; left: calc(50% - 100px - 20px); transform: rotate(-45deg);}
section#home .seta:before{width: 90%; height: 30%;}
section#home .seta:after{width: 30%; height: 90%;}
section#home .seta:before, section#home .seta:after{content: ""; display: block; background-color: #FFF; position: absolute; top: 0; left: 0; border-radius: 5px; transition: background-color .5s;}
section#home .seta.prev:before{z-index: 1; box-shadow: 0 2px 5px rgba(0,0,0,0.5);}
section#home .seta.prev:after{z-index: 2; box-shadow: -2px 2px 5px rgba(0,0,0,0.4);}
section#home .seta.next:before{z-index: 2; box-shadow: 2px -2px 5px rgba(0,0,0,0.5);}
section#home .seta.next:after{z-index: 1; box-shadow: 2px 0 5px rgba(0,0,0,0.4);}
section#home .seta.transition:before, section#home .seta.transition:after{background-color: #666;}
section#home li{display: inline-block; width: 10px; height: 10px; padding: 0; background-color: rgba(255,255,255,0.5); margin: 0 5px; cursor: pointer; border-radius: 12px; transition: background-color .5s; box-shadow: 0 0 5px rgba(0,0,0,0.5);}
section#home li.atual{background-color: rgba(255,255,255,1);}
section#home li::before{display: none;}
section#home ul.transition li{background-color: rgba(0,0,0,0.5);}
section#home ul.transition li.atual{background-color: rgba(0,0,0,1);}

@media screen and (max-width: 800px){
	section#home .slide .chamada{width: 400px;}
}
@media screen and (max-width: 800px), screen and (max-height: 580px) {
	section#home .slide.anuncio:before{background-size: cover; background-position: bottom center;}
}
@media screen and (max-width: 560px), screen and (max-width: 670px) and (max-height: 480px) {
	section#home ul{top: 20px;}
	section#home .prev{top: 17px;}
	section#home .next{top: 17px;}
	section#home .slide.anuncio .anuncio_holder{top: calc(50% + 17px);}
	section#home .slide.anuncio.atual .anuncio_holder{height: calc(100% - 34px - 40px);}
}
@media screen and (max-width: 560px) {
	section#home .slide:after{background: rgba(0,0,0,0.75);}
	section#home .slide .chamada{font-size: 16px; padding: 0 10px 10px 70px; bottom: 50%; right: 50%; transform: translate(50%,50%);}
	section#home .slide h2{font-size: 20px;}
	section#home .slide svg{left: 10px;}
}
@media screen and (max-width: 400px){
	section#home .slide .chamada{width: 100%;}
}

/*------------------------ Servicos */

section#servicos .cont{height: 100%;}
section#servicos .serv{width: 20%; height: 100%; float: left; border-right: 1px solid #EEE;}
section#servicos .serv:last-child{border-right: 0;}
body.notouch section#servicos .serv{opacity: 0.5; transition: opacity .5s;}
body.notouch section#servicos .serv:hover{opacity: 1;}
body.notouch section#servicos .serv:hover:before{animation-name: bgmove; animation-duration: 10s; animation-iteration-count: 1;}
body.touch section#servicos .serv{opacity: 1;}
section#servicos .serv:before{content: ""; opacity: 1; position: absolute; z-index: 1; display: block; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat;}
section#servicos .serv a{position: absolute; z-index: 3; display: block; width: 100%; height: 100%; top: 0; left: 0;}
section#servicos .serv .label{position: absolute; z-index: 2; width: 100%; height: 56px; top: 50%; transform: translateY(-50%); background-color: rgba(0,0,0,0.8);}
section#servicos .serv .label>span{display: block; position: absolute; width: calc(100% - 30px); height: 26px; line-height: 26px; text-align: center; text-transform: uppercase; color: #FFF; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px;}
section#servicos .serv:nth-child(1):before{background-image: url(../images/plotagem.jpg);}
section#servicos .serv:nth-child(1) .label>span{background-color: #A71680;}
section#servicos .serv:nth-child(2):before{background-image: url(../images/copiadora.jpg);}
section#servicos .serv:nth-child(2) .label>span{background-color: #E30613;}
section#servicos .serv:nth-child(3):before{background-image: url(../images/offset.jpg);}
section#servicos .serv:nth-child(3) .label>span{background-color: #95C11F;}
section#servicos .serv:nth-child(4):before{background-image: url(../images/impressao.jpg);}
section#servicos .serv:nth-child(4) .label>span{background-color: #EF7D00;}
section#servicos .serv:nth-child(5):before{background-image: url(../images/comunicacao.jpg);}
section#servicos .serv:nth-child(5) .label>span{background-color: #009FE3;}

@keyframes bgmove {
    0%   {opacity: 1; background-position: center;}
    10%	 {opacity: 0; background-position: center;}
    11%	 {opacity: 0; background-position: 0% 0%;}
    20%  {opacity: 1;}
    80%  {opacity: 1;}
    89%  {opacity: 0; background-position: 100% 0%;}
    90%  {opacity: 0; background-position: center;}
    100% {opacity: 1; background-position: center;}
}
@keyframes bgmove_small {
    0%   {opacity: 1; background-position: center;}
    10%	 {opacity: 0; background-position: center;}
    11%	 {opacity: 0; background-position: 0% 0%;}
    20%  {opacity: 1;}
    80%  {opacity: 1;}
    89%  {opacity: 0; background-position: 0% 100%;}
    90%  {opacity: 0; background-position: center;}
    100% {opacity: 1; background-position: center;}
}

@media screen and (min-width: 561px){
	section#servicos .cont{padding-top: 0;}
}

/*------------------------ Servico Especifico */

section#servico{text-align: center;}
section#servico .servico_topo{height: 480px;
background: #efefef;
background: -moz-linear-gradient(top, #efefef 0%, #ffffff 25%, #ffffff 75%, #efefef 100%);
background: -webkit-linear-gradient(top, #efefef 0%,#ffffff 25%,#ffffff 75%,#efefef 100%);
background: linear-gradient(to bottom, #efefef 0%,#ffffff 25%,#ffffff 75%,#efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#efefef',GradientType=0 );
}
section#servico .servico_topo:before, section#servico .servico_topo:after{content: ""; display: block; position: absolute; transform: skewX(15deg); height: 100%; width: 100px; top: 0; z-index: 1;}
section#servico .servico_topo:before{left: calc(50% - 600px - 35px);}
section#servico .servico_topo:after{left: calc(50% + 115px);}
section#servico h1{position: absolute; left: calc(50% + 143px); top: 100px; font-size: 2.5em; z-index: 3; padding-bottom: 0;}
section#servico h1:after{display: none;}
section#servico .servico_topo_cont{position: absolute; left: calc(50% + 145px); top: 160px; width: 390px; z-index: 3; text-align: left;}
section#servico .servico_topo_cont li:nth-child(2), section#servico .servico_topo_cont li.item2{margin-left: 0.5em;}
section#servico .servico_topo_cont li:nth-child(3), section#servico .servico_topo_cont li.item3{margin-left: 1em;}
section#servico .servico_topo_cont li:nth-child(4), section#servico .servico_topo_cont li.item4{margin-left: 1.5em;}
section#servico .servico_topo_cont li:nth-child(5), section#servico .servico_topo_cont li.item5{margin-left: 2em;}
section#servico .servico_topo_cont li:nth-child(6), section#servico .servico_topo_cont li.item6{margin-left: 2.5em;}
section#servico .servico_topo_cont li:nth-child(7), section#servico .servico_topo_cont li.item7{margin-left: 3em;}
section#servico .servico_topo_cont li:nth-child(8), section#servico .servico_topo_cont li.item8{margin-left: 3.5em;}
section#servico .servico_topo_cont li:nth-child(9), section#servico .servico_topo_cont li.item9{margin-left: 4em;}
section#servico .servico_topo_cont li:nth-child(10), section#servico .servico_topo_cont li.item10{margin-left: 4.5em;}
section#servico .servico_topo_cont li:nth-child(11), section#servico .servico_topo_cont li.item11{margin-left: 5em;}
section#servico .servico_topo_cont li:nth-child(12), section#servico .servico_topo_cont li.item12{margin-left: 5.5em;}
section#servico svg{position: absolute; left: calc(50% - 600px); top: 0; z-index: 2;}
section#servico #serv_foto{clip-path: url(#serv_polygon);}
section#servico .img{background-color: #FFF; min-width: 180px; width: 20%; margin: -10px 2% 20px 2%; border: 2px solid #FFF; height: 165px; box-shadow: 0 1px 5px rgba(0,0,0,0.2); display: inline-block; background-position: center; background-size: cover; -webkit-border-top-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomleft: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px;}
section#servico .img a{width: 100%; height: 100%; display: block;}

section#servico.plotagem .servico_topo:before{
background: -moz-linear-gradient(left, rgba(167,22,128,0) 0%, rgba(167,22,128,0.1) 100%);
background: -webkit-linear-gradient(left, rgba(167,22,128,0) 0%,rgba(167,22,128,0.1) 100%);
background: linear-gradient(to right, rgba(167,22,128,0) 0%,rgba(167,22,128,0.1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a71680', endColorstr='#33a71680',GradientType=1 );}
section#servico.plotagem .servico_topo:after{
background: -moz-linear-gradient(left, rgba(167,22,128,0.1) 0%, rgba(167,22,128,0) 100%);
background: -webkit-linear-gradient(left, rgba(167,22,128,0.1) 0%,rgba(167,22,128,0) 100%);
background: linear-gradient(to right, rgba(167,22,128,0.1) 0%,rgba(167,22,128,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33a71680', endColorstr='#00a71680',GradientType=1 );}
section#servico.plotagem h1{color: #A71680;}
section#servico.plotagem li:before, section#servico.plotagem ul ul>li:before{color: #A71680;}

section#servico.copiadora .servico_topo:before{
background: -moz-linear-gradient(left, rgba(227,6,19,0) 0%, rgba(227,6,19,0.1) 100%);
background: -webkit-linear-gradient(left, rgba(227,6,19,0) 0%,rgba(227,6,19,0.1) 100%);
background: linear-gradient(to right, rgba(227,6,19,0) 0%,rgba(227,6,19,0.1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e30613', endColorstr='#33e30613',GradientType=1 );}
section#servico.copiadora .servico_topo:after{
background: -moz-linear-gradient(left, rgba(227,6,19,0.1) 0%, rgba(227,6,19,0) 100%);
background: -webkit-linear-gradient(left, rgba(227,6,19,0.1) 0%,rgba(227,6,19,0) 100%);
background: linear-gradient(to right, rgba(227,6,19,0.1) 0%,rgba(227,6,19,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33e30613', endColorstr='#00e30613',GradientType=1 );}
section#servico.copiadora h1{color: #E30613;}
section#servico.copiadora li:before, section#servico.copiadora ul ul>li:before{color: #E30613;}

section#servico.offset .servico_topo:before{
background: -moz-linear-gradient(left, rgba(149,193,31,0) 0%, rgba(149,193,31,0.2) 100%);
background: -webkit-linear-gradient(left, rgba(149,193,31,0) 0%,rgba(149,193,31,0.2) 100%);
background: linear-gradient(to right, rgba(149,193,31,0) 0%,rgba(149,193,31,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0095c11f', endColorstr='#4095c11f',GradientType=1 );}
section#servico.offset .servico_topo:after{
background: -moz-linear-gradient(left, rgba(149,193,31,0.2) 0%, rgba(149,193,31,0) 100%);
background: -webkit-linear-gradient(left, rgba(149,193,31,0.2) 0%,rgba(149,193,31,0) 100%);
background: linear-gradient(to right, rgba(149,193,31,0.2) 0%,rgba(149,193,31,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4095c11f', endColorstr='#0095c11f',GradientType=1 );}
section#servico.offset h1{color: #95C11F;}
section#servico.offset li:before, section#servico.offset ul ul>li:before{color: #95C11F;}

section#servico.digital .servico_topo:before{
background: -moz-linear-gradient(left, rgba(239,125,0,0) 0%, rgba(239,125,0,0.1) 100%);
background: -webkit-linear-gradient(left, rgba(239,125,0,0) 0%,rgba(239,125,0,0.1) 100%);
background: linear-gradient(to right, rgba(239,125,0,0) 0%,rgba(239,125,0,0.1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ef7d00', endColorstr='#33ef7d00',GradientType=1 );}
section#servico.digital .servico_topo:after{
background: -moz-linear-gradient(left, rgba(239,125,0,0.1) 0%, rgba(239,125,0,0) 100%);
background: -webkit-linear-gradient(left, rgba(239,125,0,0.1) 0%,rgba(239,125,0,0) 100%);
background: linear-gradient(to right, rgba(239,125,0,0.1) 0%,rgba(239,125,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ef7d00', endColorstr='#00ef7d00',GradientType=1 );}
section#servico.digital h1{color: #EF7D00;}
section#servico.digital li:before, section#servico.digital ul ul>li:before{color: #EF7D00;}

section#servico.comunicacao .servico_topo:before{
background: -moz-linear-gradient(left, rgba(0,159,227,0) 0%, rgba(0,159,227,0.1) 100%);
background: -webkit-linear-gradient(left, rgba(0,159,227,0) 0%,rgba(0,159,227,0.1) 100%);
background: linear-gradient(to right, rgba(0,159,227,0) 0%,rgba(0,159,227,0.1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00009fe3', endColorstr='#33009fe3',GradientType=1 );}
section#servico.comunicacao .servico_topo:after{
background: -moz-linear-gradient(left, rgba(0,159,227,0.1) 0%, rgba(0,159,227,0) 100%);
background: -webkit-linear-gradient(left, rgba(0,159,227,0.1) 0%,rgba(0,159,227,0) 100%);
background: linear-gradient(to right, rgba(0,159,227,0.1) 0%,rgba(0,159,227,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33009fe3', endColorstr='#00009fe3',GradientType=1 );}
section#servico.comunicacao h1{color: #009FE3;}
section#servico.comunicacao li:before, section#servico.comunicacao ul ul>li:before{color: #009FE3;}

@media screen and (max-width: 1090px){
	section#servico .servico_topo:before{left: calc(100% - 400px - 780px);}
	section#servico .servico_topo:after{left: calc(100% - 430px);}
	section#servico svg{left: calc(100% - 365px - 780px);}
	section#servico h1{left: calc(100% - 402px);}
	section#servico .servico_topo_cont{left: calc(100% - 400px);}
}
@media screen and (max-width: 1060px){
	section#servicos .serv .label>span{font-size: 10px;}
}
@media screen and (max-width: 800px){
	section#servicos .serv{width: 100%; height: 170px; float: none; border-bottom: 1px solid #EEE; border-right: 0;}
	section#servicos .serv:last-child{border-bottom: 0;}
	section#servicos .serv .label{width: 170px; height: 56px; top: 50%; left: 50%; transform: translate(-50%,-50%);}
	body.notouch section#servicos .serv:hover:before{animation-name: bgmove_small;}
}
@media screen and (max-width: 680px){
	section#servico svg{display: none;}
	section#servico h1{position: relative; left: auto; top: auto; text-align: center; color: #FFF !important; text-shadow: 0 0 15px rgba(0,0,0,0.5); width: 100%; height: 150px; margin-bottom: 20px; padding: 10px; background-repeat: no-repeat; background-size: cover; background-position: center;}
	section#servico h1:before{content: ""; display: block; z-index: 1; opacity: 0.7; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block;}
	section#servico h1 span{line-height: 1em !important; position: absolute; z-index: 2; top: 50%; left: 50%; display: inline-block; transform: translate(-50%,-50%);}
	section#servico.plotagem h1:before{background-color: #A71680;}
	section#servico.copiadora h1:before{background-color: #E30613;}
	section#servico.offset h1:before{background-color: #95C11F;}
	section#servico.digital h1:before{background-color: #EF7D00;}
	section#servico.comunicacao h1:before{background-color: #009FE3;}
	section#servico .servico_topo:before, section#servico .servico_topo:after{display: none;}
	section#servico .servico_topo{background: none; height: auto;}
	section#servico .servico_topo_cont{position: static; left: auto; top: auto; padding-left: 10px; margin-bottom: 30px; width: calc(100% - 10px);}
	section#servico .servico_topo_cont ul ul{padding-left: 0;}
	section#servico .servico_topo_cont li:nth-child(2), section#servico .servico_topo_cont li.item2,
	section#servico .servico_topo_cont li:nth-child(3), section#servico .servico_topo_cont li.item3,
	section#servico .servico_topo_cont li:nth-child(4), section#servico .servico_topo_cont li.item4,
	section#servico .servico_topo_cont li:nth-child(5), section#servico .servico_topo_cont li.item5,
	section#servico .servico_topo_cont li:nth-child(6), section#servico .servico_topo_cont li.item6,
	section#servico .servico_topo_cont li:nth-child(7), section#servico .servico_topo_cont li.item7,
	section#servico .servico_topo_cont li:nth-child(8), section#servico .servico_topo_cont li.item8,
	section#servico .servico_topo_cont li:nth-child(9), section#servico .servico_topo_cont li.item9,
	section#servico .servico_topo_cont li:nth-child(10), section#servico .servico_topo_cont li.item10,
	section#servico .servico_topo_cont li:nth-child(11), section#servico .servico_topo_cont li.item11,
	section#servico .servico_topo_cont li:nth-child(12), section#servico .servico_topo_cont li.item12{margin-left: 0;}
	section#servico.plotagem h1{background-image: url(../images/plotagem.jpg);}
	section#servico.copiadora h1{background-image: url(../images/copiadora.jpg);}
	section#servico.offset h1{background-image: url(../images/offset.jpg);}
	section#servico.digital h1{background-image: url(../images/impressao.jpg);}
	section#servico.comunicacao h1{background-image: url(../images/comunicacao.jpg);}
	section#servico .img{box-shadow: none;}
}
@media screen and (max-width: 460px){
	section#servico .img{width: 80%;}
}

/*------------------------ Produtos */

section#produtos{text-align: center;}
.prod_item{width: 16vw; height: 16vw; min-width: 210px; min-height: 181px; max-width: 219px; max-height: 219px; display: inline-block; margin: 0.5vw; position: relative; background-color: #EEE;}
.prod_item:before{content: ""; display: block; position: absolute; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 1; opacity: 1; transition: opacity .5s;}
.prod_item:after{content: "+"; display: block; position: absolute; width: 60px; height: 60px; top: calc(50% - 12.5px); left: 50%; transform: translate(-50%,-50%); border-radius: 50%; border: 6px solid #000; font-size: 6em; line-height: 60px; z-index: 2; opacity: 0; transition: opacity .5s;}
.prod_item:hover:before{opacity: 0.5;}
.prod_item:hover:after{opacity: 0.5;}
body.touch .prod_item:before, body.touch .prod_item:hover:before{opacity: 1; transition: none;}
body.touch .prod_item:after, body.touch .prod_item:hover:after{opacity: 0; transition: none;}
.prod_item a{display: block; width: 100%; height: 100%; position: absolute; z-index: 3;}
.prod_item span{position: absolute; bottom: 0; left: 0; display: block; width: 100%;padding: 6px; z-index: 2; background-color: rgba(238,238,238,0.7); line-height: 18px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-bottomleft: 15px; border-bottom-left-radius: 15px;}
.prod_item, .prod_item:before{-webkit-border-top-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomleft: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px;}

@media screen and (min-width: 1370px){
	.prod_item{margin: 6.8px;}
}
@media screen and (max-width: 460px){
	.prod_item{width: calc(100% - 20px); height: 120px; min-width: 0; min-height: 0; max-width: 100%; max-height: 100%; margin: 2px 5px;}
}

/*------------------------ Produto Especifico */

section#produto{padding-top: 20px;}
section#produto #prod_cont h2{font-size: 2em; padding-top: 10px; padding-bottom: 30px; position: relative; display: inline-block;}
section#produto #prod_cont h2:after{content: ""; display: block; position: absolute; top: -2px; height: 2px; width: 100%; background-color: #e30613;}
section#produto #prod_cont h1{font-size: 1.5em; display: block;}
section#produto #prod_cont h1:after{display: none;}
section#produto #prod_cont h3{padding-bottom: 10px;}

section#produto #prod_foto{position: absolute; top: 20px; left: 10px; width: 420px; height: 420px; background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-border-top-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomleft: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px;}
section#produto #prod_cont{padding-left: 440px; min-height: 460px;}

section#produto #outros_prods{text-align: center;}

@media screen and (max-width: 1139px){
	section#produto .prod_item:nth-child(5){display: none;}
}
@media screen and (max-width: 960px){
	section#produto #prod_foto{width: 350px;}
	section#produto #prod_cont{padding-left: 370px;}
}
@media screen and (max-width: 911px){
	section#produto .prod_item:nth-child(4){display: none;}
}
@media screen and (max-width: 720px){
	section#produto #prod_foto{width: 250px; height: 320px;}
	section#produto #prod_cont{padding-left: 270px;}
}
@media screen and (max-width: 686px){
	section#produto .prod_item:nth-child(3){display: none;}
}
@media screen and (max-width: 580px){
	section#produto{padding-top: 0;}
	section#produto #prod_foto{position: relative; left: auto; top: auto; width: 100vw; left: 50%; transform: translateX(-50%); height: 150px; margin-bottom: 20px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomleft: 0; border-top-right-radius: 0; border-bottom-left-radius: 0;}
	section#produto #prod_cont{padding-left: 0; padding-bottom: 30px; min-height: 0;}
}
@media screen and (max-width: 465px){
	section#produto .prod_item:nth-child(2){display: none;}
}
@media screen and (max-width: 460px){
	section#produto .prod_item:nth-child(5),
	section#produto .prod_item:nth-child(4),
	section#produto .prod_item:nth-child(3),
	section#produto .prod_item:nth-child(2){display: inline-block;}
}

/*------------------------ Clientes */

section#clientes{text-align: center;}
.c_logo{width: 13vw; height: 13vw; max-width: 174px; max-height: 174px; min-width: 125px; min-height: 125px; display: inline-block; margin: 0.5vw; background-size: cover; background-position: center; background-repeat: no-repeat;}

/*------------------------ Contato */

section#contato .cont{padding-top: 0;}
section#contato #gmaps{height: 300px; margin-bottom: 40px;}
section#contato .col50{width: 50%; float: left;}
section#contato .coll{padding-right: 10px;}
section#contato .colr{padding-left: 10px;}
section#contato h2{padding-bottom: 0; padding-top: 10px;}
section#contato h2:first-child{padding-top: 0;}
section#contato .colr h2{padding-bottom: 10px;}

@media screen and (max-width: 780px){
	section#contato .col50{width: 100%; float: none; padding: 0;}
	section#contato .colr h2:first-child{padding-top: 10px;}
}
@media screen and (max-width: 560px){
	section#contato .cont{padding-top: 10px;}
}