@font-face {font-family: gothic; src: url(../fonts/gothic.ttf);}
@font-face {font-family: newvetica; src:url(../fonts/newvetica.ttf);}
@font-face {font-family:impact; src:url(../fonts/impact.ttf);}
@font-face {font-family: gothici; src: url(../fonts/gothici.ttf);}
@font-face {font-family: gothicbi; src: url(../fonts/gothicbi.ttf);}
@font-face {font-family: gothicb; src: url(../fonts/gothicb.ttf);}
@font-face {font-family: Anton-Regular; src: url(../fonts/Anton-Regular.ttf);}
@font-face {font-family: Montserrat-Medium; src: url(../fonts/Montserrat-Medium.ttf);}
@font-face {font-family: Oswald-Medium; src: url(../fonts/Oswald-Medium.ttf);}
@font-face {font-family: Oswald-ExtraLight; src: url(../fonts/Oswald-ExtraLight.ttf);}
@font-face {font-family: Oswald-Regular; src: url(../fonts/Oswald-Regular.ttf);}
@font-face {font-family: Oswald-Light; src: url(../fonts/Oswald-Light.ttf);}
@font-face {font-family: Roboto-Regular; src: url(../fonts/Roboto-Regular.ttf);}
@font-face {font-family: Roboto-Medium; src: url(../fonts/Roboto-Medium.ttf);}
@font-face {font-family: Roboto-Light; src: url(../fonts/Roboto-Light.ttf);}

html, body {width:100%; height:100%;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {color:#02E8DD !important;}
h1, h2, h3, h4, h5, h6 {font-family:arial; width:100%;}
.navbunny {background-color:transparent; border:none; z-index:10000000}
.navdrop2 {background-color:rgba(7,77,90,0.8) !important;}
.navdrop {background-color:rgba(7,77,90,0) !important;}
.naveb {color:white !important;}
.naveb:hover {color:#02E8DD !important;}
.t1 {color:#02e8dd; font-family:impact; font-size:100px;}
.ht {color:lightgray; font-size:1.4em; font-family:oswald-extralight;}
.smh {float:left; margin:5% 5% 5% 0; text-decoration:none; font-family:gothicb; color:#fff; padding:10px 4.5%; background-color:#02E8DD; border-radius:5px; font-weight:700; font-size:1.2em;}
.psoh {float:left; margin:5% 5% 5% 0; text-decoration:none; font-family:gothicb; color:#003d3c; padding:10px 4.5%; background-color:#fff; border-radius:5px; font-weight:700; font-size:1.2em;}
.smh:hover {margin:4.5% 4.5% 4.5% 0; padding:11px 5%; color:#fff; box-shadow:5px 5px 10px rgba(0,0,0,0.5); text-decoration:none;}
.psoh:hover {margin:4.5% 4.5% 4.5% 0; padding:11px 5%; color:#003d3c; box-shadow:5px 5px 10px rgba(0,0,0,0.5); text-decoration:none;}
.centralizado {width:auto; height:auto; margin:auto;}
.centralizado2 {width:150px; height:113px; margin:70px auto 0 auto;}
.necess {color:#0e4f5f; font-family:impact; margin:30px auto; text-align:center; font-size:3.5em;}
.tith2 {color:#0e4f5f; font-family:impact; margin:30px auto; text-align:center; font-size:3em;}
.tith3 {color:#217185; font-family:newvetica; margin:20px auto 0 auto; text-align:left; font-size:3em; font-weight:100;}
.tith3sp {padding-left:50px; color:#c5d6e1;}
.cards2 {min-width:70%; max-width:80%; min-height:300px; margin:0 auto; background-image:url("../imagens/backcard.jpg"); background-size:cover; background-position:center; border-radius:10px;}
.cardtit {height:80px; padding:20px 10px; color:#d8f9ff; font-weight:700; font-size:1.8em; box-sizing:border-box;}
.cardtext {height:135px; margin:0 0 25px 0; padding:5%; color:#d8f9ff;}
.cardbut {padding:10px 20px; margin-bottom:20px; background-color:white; border-radius:20px	; color:#083037; font-weight:900;}
.explica {width:100%; height:auto; margin-top:70px; background-image:url("../imagens/explica.jpg"); background-size:cover; background-position:center top;}
.explica h2 {color:#d8f9ff; font-family:impact; margin:70px 0 0 0; font-size:3.5em;}
.explica h3 {color:#d8f9ff; font-size:1.5em; font-family:impact; padding:10px 0 0 0;}
.explica p {color:#d8f9ff; font-size:1.2em; font-family:sans-serif; padding:20px 10px 0 10px; text-align:center;}
.iconess3 {margin:70px 0 0 0;}
.imgtripe {margin:70px 0 35px 0;}
.depoim {padding-top:100px; padding-bottom:100px; background-image:url("../imagens/foto-design.jpg"); background-size:cover; background-position:left bottom;}
.depoim h2 {margin-bottom:50px; font-family:impact; color:#4c4c4c; text-transform: uppercase; padding:0 10px;}
.blink {background-color:rgba(255,255,255,0.4); padding:30px 0; border-radius:20px; border:none;}
.cleande {background-image:none !important; color:gray;}
.avat {width:100px; height:100px; border-radius:50px; border:solid #a7cfd6 4px; margin:0 auto 20px auto;}
.dep {color:gray; font-style:italic; padding:10px 0; margin:0;}
.dep1 {color:gray; font-style:italic; padding:0; margin:0;}
.formcont h2 {margin:50px 0; font-family:impact; color:gray; text-transform: uppercase;}
.rodger {background-color:#24303F; background-image:url("../imagens/footer-back.jpg"); background-size:cover; background-position:right top;}
.rodlin {color:rgba(199,226,243,0.5); font-family:impact; font-weight:100; margin:70px 0 10px 0;}
.sitemap {width:150px; list-style-type:none; margin:0 auto 50px auto;}
.sitemap li {margin-bottom:10px;}
.sitemap a {text-decoration:none; color:rgba(199,226,243,0.5);}
.sitemap a:hover {color:rgba(199,226,243,1);}
.titleform {margin:0 0 50px 0; padding:0;}
.titleform h6 {color:rgba(199,226,243,0.5); font-family:impact; font-weight:100; font-size:1.5em; padding:0 0 20px 0;}
.socmid a h6 {text-align:left; font-size:1em; margin:5px 0 0 -20px; padding:0; font-family:impact;}
.socmid a img {float:right; margin:0; padding:0; vertical-align:middle; opacity:0.5; -webkit-opacity:0.5; -moz-opacity:0.5; -o-opacity:0.5;}
.socmid {margin:0 auto 50px auto;}
.socmid a {text-decoration:none; color:rgba(199,226,243,0.5);}
.socmid a:hover h6 {color:rgba(199,226,243,1);}
.socmid a:hover img {opacity:1; -webkit-opacity:1; -moz-opacity:1; -o-opacity:1;}
.bottomrod {color:rgba(199,226,243,0.3); font-size:0.8em;}
.imglg {opacity:0.5; -webkit-opacity:0.5; -moz-opacity:0.5; -o-opacity:0.5;}
.identvis {height:100%; background-image:url("../imagens/marcas-ai.jpg"); background-size:cover; background-position:center 50%;}
.swriting {color:#2c6681; width:auto; padding:40px 80px; margin-top:80px;}
.swriting h1 {font-family:impact; font-size:4em;}
.swriting p {font-family:newvetica; color:#2c6681; font-size:1.8em; margin-bottom:50px; font-weight:100;}
.downh {width:100%; height:auto;}
.escopo {background-image:url("imagens/backcard.jpg"); padding:0 -2px; border-radius:10px;}
.cabimg1 {height:100%; background-size:cover; background-position:center; overflow:hide;}
.infocab {position:relative; height:100%;}
.titlecab {position:absolute;  top:40%; left:5%;}
.textcab {position:absolute; top:60%; left:5%;}
#myCarousel, .carousel-inner, .item {height:100% !important;}
.infohead {height:100%;}
.itens-site {font-family:Roboto-Light; font-size:1.5em; list-style:circle; padding-left:0; font-weight:100; line-height:1.5em; margin:20px 0 0 0; padding-bottom:20px; color:#217185;}
.itens-site2 {font-family:Roboto-Light; font-size:1.5em; color:#1b7d95; list-style:circle; padding:20px 0 0 50px; line-height:1.2em;}
.itens-site2 li {padding-bottom:20px;}
.tabelavant {background-color:rgba(255,255,255,0.6); border-radius:50px; padding:40px 10px 40px 10px; margin-bottom:50px;}
.vantident {background-image:url("../imagens/vantagens-9.jpg"); background-size:cover; background-position:center top;}
table tbody tr td h4 {color:#375e68; font-family:newvetica; font-size:1.5em;}
table tbody tr td h5 {color:#375e68; font-family:oswald-light;}
.orcam {color:#666666;}
.orcam h1 {font-family:impact; font-size:4em; padding:0 0 10px 0; margin-top:80px; text-align:center;}
.orcam h3 {font-family:roboto-medium; font-size:1.8em; text-align:center;}
button {font-family:gothicb;}
button span {font-family:gothicb;}
.titvant {font-family:impact; font-size:3em; color:#003340; text-align:center; margin:20px 0px; text-shadow:2px 2px 5px rgba(0,0,0,0.2);}
.colunapack {width:100%; height:auto; margin:auto; box-sizing:border-box; padding:0 20px;}
.packeach {min-width:260px; height:auto; margin:0; background-color:#003340; color:white; border-radius:10px; box-sizing:border-box;}
.packeach h3	{text-align:center; font-family:impact; padding:30px 10px;}
.packeach h3 span {font-family:oswald-extralight;}
.botao {text-align:center; padding:25px 0;}
.tit-principais {font-family:anton-regular; padding:40px 0;}
.backscreen {background-image:url("../imagens/vantagens-marketing.jpg"); background-size:cover; background-position:center 50%;}
.sli1{background-image:url(../imagens/cab1.jpg);}
.sli2 {background-image:url('../imagens/cab2.jpg');}
.sli3 {background-image:url('../imagens/cab3.jpg');}
.sli4 {background-image:url('../imagens/cab4.jpg');}
.altdep {height:280px;}
.titleform form {max-width:330px; margin:auto;}
.cabimgdesk {display:block;}
.cabimgmob {display:none;}

/* Página de Identidade Visual */
.profis {font-size:4em;}
.profis4 {margin-top:50px;}
.impacto {color:#c5d6e1;}
.impactpo {background-image:url('../imagens/impacto-positivo.jpg'); background-size:cover;}
.orcimp {margin:25px 0 50px 0;}
.rel1, .rel2 {height:100%;}
.relativo {position:relative; width:100%; height:100%; padding:0; margin-top:0;}
.titleivc {position:absolute; top:10%; left:1%; width:80%;}
.titleivc h1 {font-size:8em;}
.textoivc {position:absolute; bottom:5%; left:1%;}
.textoivc p {margin-bottom:20px; width:650px; font-family:oswald-regular; font-size:2em;	}


/* Página de Sites */
.sites {height:100%; background-image:url("../imagens/banner-site.jpg"); background-size:cover; background-position:84% center;}
#imgret {margin-left:30px;}
.bots1 {margin-top:55px; margin:30px auto;}
.venonl {background-image:url('../imagens/ecommerce-cel-fundo.jpg'); background-size:785px; background-repeat:no-repeat; background-position:42% bottom; padding:80px 0;}
.venonl div h2 {font-size:4.5em;}
.concred {font-size:4.5em;}
.cdsite {position:absolute; top:10%; left:1%;}
.cdsite2 {position:absolute; bottom:3%; left:1%;}
.cdsite h1 {font-family:impact; color:#004556; font-size:8em;}
.cdsite2 h3 {font-family:oswald-regular; color:#217185; font-size:2em; line-height:inherit; margin-top:10px;}
.titusite {height:100%; position:relative;}
.pitsite {font-family:Roboto-light; font-size:1.2em; list-style:circle; padding-left:20px; font-weight:100; line-height:1.2em; margin:20px 0 0 0; padding-bottom:20px; color:#217185;}
.pitsite li {padding-bottom:10px;}
.briefLJ {background-image:url('../imagens/briefLJ-fundo.jpg'); background-size:cover; background-repeat:no-repeat; background-position:left top; padding:25px 50px 0 50px; border-radius:0px;}
.briefLJ p {font-family:roboto-light; color:white; font-size:1.2em; line-height:1.6em; text-align:center; padding:20px 200px;}
.briefLJ h3 {font-family:newvetica; color:white; font-weight:100;}
.confianca {background-image:url("../imagens/confianca-cel-fundo.jpg"); background-size:750px; background-repeat:no-repeat; background-position:center 134px; padding:80px 0;}
.confianca div h2 {font-size:4.5em;}
.briefCC {background-image:url('../imagens/briefCC-fundo.jpg'); background-size:cover; background-repeat:no-repeat; background-position:center top; padding:25px 50px 0 50px;}
.briefCC p {font-family:roboto-light; color:white; font-size:1.2em; line-height:1.6em; text-align:center; padding:20px 200px;}
.briefCC h3 {font-family:newvetica; color:white;}
.breifCC p span {display:block;}
.retinv {background-image:url("../imagens/retorno-cel-fundo.jpg"); background-size:1015px; background-repeat:no-repeat; background-position: 45% 130%; padding:80px 0;}
.retinv div h2 {font-size:4.5em;}
.briefRI {background-image:url('../imagens/briefRI-fundo.jpg'); background-size:cover; background-repeat:no-repeat; background-position:center top; padding:25px 50px 0 50px;}
.briefRI p {font-family:roboto-light; color:white; font-size:1.2em; line-height:1.6em; text-align:center; padding:20px 200px;}
.briefRI h3 {font-family:newvetica; color:white;}
.vqhs {background-image:url("../imagens/24h-cel-fundo.jpg"); background-size:60%; background-repeat:no-repeat; background-position: 65% 150px; padding:80px 0;}
.vqhs div h2 {font-size:4.5em;}
.vantagens {background-image:url("../imagens/vantagens-5.jpg"); background-size:cover;}
.icones {box-sizing:border-box; padding:10px 50px;}
.icones img {max-width:120px;}
.icones h3 {font-family:impact; color:#003340;}
.icones p {font-family:roboto-medium; color:#595959; font-size:1.1em;}

/*página de Marketing digital*/
.markiden {height:100%; background-image:url("../imagens/cabecalho-marketing-2.jpg"); background-size:cover; background-position:center 50%;}
.cabmark {position:relative; color:#2c6681; width:100%; height:100%;}
.botaomark {margin:5% 5% 5% 0; text-decoration:none; font-family:gothicb; color:#003d3c; padding:10px 4.5%; background-color:#fff; border-radius:5px; font-weight:700; font-size: 1.2em; text-align:left;}
.cabmark h2 {font-family:oswald-regular; text-transform:uppercase; text-align:left;}
.cabmtit {position:absolute; top:15%; left:5%; width:50%; height:auto;}
.cabmtit h1 {text-align:left;}
.cabmtex {position:absolute; bottom:10%; left:5%; height:auto;}
.cabmtex h2 {padding:30px 0; font-size:40px;}
.tit-mark {font-family:impact; font-size:120px;}
.markiden .container, .markiden .container .row {height:100%;}
.ilusmark {background-image:url(../imagens/argumento-md-2.jpg); background-position:10% top; background-repeat:no-repeat;}
.columark .tith3 {margin:50px 0 0 0;}
.botmarke {margin:55px 0 50px 0;}
.vantmark {font-family:anton-regular; font-size:3em; color:#0e4f5f; text-align:center; margin:20px 0px;}
.iconmark {box-sizing:border-box; padding:10px 50px;}
.iconmark img {max-width:120px;}
.iconmark h3 {font-family:impact; color:#003340;}
.iconmark p {font-family:roboto-medium; color:#595959; font-size:1.1em;}
.markemp {background-image:url('../imagens/sofa-marketing-2.jpg'); background-size:cover; background-position:center;}
.filesc {width:100%; height:100%; float:left;}
.markemp2 {font-family:impact; margin:30px auto; text-align:center; font-size:4em; color:#d7ebf7;}
.titmarkemp {font-family:newvetica; text-align:left; font-size:3em; font-weight:100; color:#d7ebf7; padding-left:50px;}
.texmarkemp {line-height:1.5em; margin:20px 0 0 0; color:#d7ebf7; font-family:Roboto-Light; font-size:1.5em; padding-bottom:30px; padding-left:0; font-weight:100;}
.botmarkemp {margin-bottom:40px;}
.orcam h1, .orcam h3, .orcam form {max-width:330px;}

/* Página Contato */
.contato h2 {font-family:newvetica; font-size:3em; color:#317b89; text-align:center;}
.contato h3 {font-family:oswald-extralight; font-size:2em; color:#317b89; text-align:center;}

/* Página agradecimento de contato okcontato */
.agrad h2 {font-family:newvetica; font-size:3em; color:#317b89; text-align:center;}
.agrad h3 {font-family:oswald-extralight; font-size:2em; color:#317b89; text-align:center; padding-bottom:50px;}


@media (max-width:767px) {
.navdrop {background-color:rgba(7,77,90,0.4) !important;}
.cabimgdesk {display:none;}
.cabimgmob {display:block;}
/*pagina home*/
.cabimg1 {min-height:100%; background-size:cover; background-position:75% top; overflow:hide;}
.sli1{background-image:url('../imagens/cab1m.jpg'); background-position:center top;}
.sli2 {background-image:url('../imagens/cab2m.jpg'); background-position:center center;}
.sli3 {background-image:url('../imagens/cab3m.jpg'); background-position:left 60%;}
.sli4 {background-image:url('../imagens/cab4m.jpg'); background-position:center center;}
.titlecab {top:23%; left:5%;}
.textcab {top:50%; left:5%;}
.t1 {font-size:70px !important;}
.ht {margin-bottom:5%; text-align:left; line-height:1.2em;}
.tith2 {font-size:2em;}
.centralizado2 {width:auto; height:auto; margin:20px auto;}
.centralizado2 img {width:30%; margin:0 0 0 35%;}
.sitemap {text-align:center;}
.colunapack {width:100%; height:auto; margin:0 !important;}
.cards2 {box-sizing:border-box; min-height:auto;}
.cardcenter {height:auto;}
.cardtext {height:auto; box-sizing:border-box; padding:10px 20px 20px 20px; margin-bottom:0;}
.cardtit {padding:30px 10px 10px 10px; height:auto;}
.explica {background-position:75% top;}
.explica div div h2 {font-size:2em; padding:0 20px}
.explica div div div p {font-size:1.1em;}
.explica div div div img {max-width:30%; max-height:80px;}
.explica div div div h3 {margin:5px auto; padding-top:10px;}
.iconess3 {margin:40px 0 0 0;}
.imgtripe {margin:40px 0 20px 0;}
.depoim {padding-top:30px;}
.depoim h2 {font-size:1.8em;}
.altdep {height:380px;}
.formcont h2 {font-size:1.8em;}
.sitemap {padding-left:0; margin-bottom:50px;}
.sitemap li {margin-bottom:0;}
.socmid {margin-bottom:10px;}
.midias {margin-bottom:50px;}

/* Página Identidade Visual */
.identvis {background-image:url('../imagens/marcas-ai-m.jpg'); background-size:cover; background-position:60% center;}
.swriting {color:#2c6681; width:auto; padding:10px 10px;}
.swriting h1 {font-size:3em; color:#0f3d4f;}
.swriting p {font-size:1.3em; font-family:Oswald-regular; color:#0f3d4f;}
.titleivc {top:15%; left:1%; width:100%;}
.titleivc h1 {font-size:3.5em; text-align:left;}
.textoivc {position:absolute; bottom:5%; left:1%;}
.textoivc p {width:100%; margin-bottom:10px; text-align:left; border-radius:10px; background-color:rgba(255,255,255,0.5); padding:5px 0 5px 15px;}
.textoivc div a button {float:left;}
.profis {font-size:2.5em; text-align:center;}
.profis2 {float:right;}
.profis2 img {margin-left:0 !important;}
.profis3 {float:left;}
.profis4 {margin-top:0; padding:30px 10px; border:4px solid #0e4f5f; border-left:none; border-right:none; border-radius:5px;}
.itens-site {font-size:1.3em; font-family:roboto-regular; line-height:1.4em; padding-bottom:20px; color:#217185;}
.boprof {margin:0 0 0 0 !important;}
.boprof a button {margin:20px 0 40px 0 !important;}
.impactpo {background-image:url('../imagens/impacto-positivo-m.jpg'); background-size:cover; background-position:left top; background-repeat:no-repeat; height:1350px;}
.tith3sp {padding-left:20px;}
.titvant {font-size:2em;}
.icones {padding:10px;}
.icones img {width:40%;}
.icones p {font-family:roboto-regular; line-height:1.4em;}
.vantident {background-image:url('../imagens/vantagens-ident-m.jpg'); background-size:cover; background-position:center top;}
.vantident .tith2 {font-size:1.8em;}
.orcam h1 {font-size:3em; margin-top:40px; padding:0;}
.orcam h3 {font-size:1.5em;}
.impacto {color:#c5d6e1;}



/* Página de Criação de sites */
.titusite {height:100%;}
.cdsite {top:15%;}
.cdsite2 {bottom:5%;}
.cdsite h1 {font-size:4em;}
.cdsite2 h3 {font-family:oswald-regular; color:#217185; font-size:1em;}
.cdsite2 h3 {background-color:rgba(255,255,255,0.6); padding:10px 20px; border-radius:10px; margin-top:10%;}
.imgeco {width:100%;}
#imgret {width:100%;}
.pitsite {font-family:Roboto-light; font-size:1.2em; list-style:circle; padding-left:20px; font-weight:100; line-height:1.2em; margin:20px 0 0 0; padding-bottom:20px; color:#217185;}
.pitsite li {padding-bottom:0.5em;}
.briefLJ {background-image:url('../imagens/briefLJ-fundo-mobile.jpg'); background-size:cover; background-repeat:no-repeat; background-position:left top; padding:30px 20px 15px 20px;}
.briefLJ p {padding:20px 0; font-size:1em;}
.bots1 {margin:20px 0 10px 0;}
.fortmarc {color:#217185; padding-top:250px;}
.venonl {background-image:url('../imagens/ecommerce-cel-fundo-m.jpg'); background-size:250px; background-repeat:no-repeat; background-position:center 70px; padding:20px 0;}
.venonl div h2 {font-size:3em; margin-bottom:200px;}
.row div div {text-align:center;}
.lvirtu {color:#217185; font-family:newvetica; font-size:2.5em; text-align:center;}
.confianca {background-image:url('../imagens/confianca-cel-fundo-m.jpg'); background-size:210px; background-repeat:no-repeat; background-position:center 32%; padding:20px 0;}
.confianca div h2 {font-size:3em; margin-bottom:200px;}
.briefCC {background-image:url('../imagens/briefCC-fundo-mobile.jpg'); background-size:cover; background-repeat:no-repeat; background-position:right top; padding:30px 20px 15px 20px;}
.briefCC p {padding:20px 0; font-size:1em;}
.briefCC p span {display:none;}
.retinv {background-image:url("../imagens/retorno-cel-fundo-m.jpg"); background-size:300px; background-repeat:no-repeat; background-position:center 27%; padding:20px 0;}
.retinv div h2 {font-size:3em;margin-bottom:200px;}
.rowbRI {padding:0}
.briefRI {background-image:url('../imagens/briefRI-fundo-mobile.jpg'); background-size:cover; background-repeat:no-repeat; background-position:left top; padding:30px 20px 15px 20px;}
.briefRI p {padding:20px 0; font-size:1em;}
.vqhs {background-image:url("../imagens/24h-cel-fundo-m.jpg"); background-size:255px; background-repeat:no-repeat; background-position:center 25%; padding:20px 0;}
.vqhs div h2 {font-size:3em;margin-bottom:200px;}
.itens-site2 {font-size:1.3em; font-family:roboto-regular; line-height:1.4em; padding-bottom:20px; color:#217185;}
.smh {margin:0 2% 4% 0;}
.psoh {margin:0;}
.sites {height:100%; background-image:url("../imagens/banner-site-m.jpg"); background-size:cover; background-position:center 60%;}
.vantagens {background-image:url("../imagens/vantagens-5.jpg"); background-size:cover; background-position:60% top;}

/* Página de Marketing Digital */
.markiden {background-position:55% center;}
.cabmtit {top:15%; left:2%; width:100%;}
.cabmtit h1 {font-size:4.5em;}
.cabmtex {bottom:8%; left:2%;}
.cabmtex h2 {font-size:1.8em;}
.botaomark {text-align:left; margin:0; float:left;}
.tit-mark {font-size:70px;}
.ilusmark {background-size:300px; background-position:center 19%; background-repeat:no-repeat;}
.columark .tith3 {margin:50px 0 0 0; font-size:2em; padding:0;}
.columark .itens-site {margin-top:250px;}
.botmarke {margin:20px 0 35px 0;}
.vantmark {font-size:2em; margin-top:0px;}
.iconmark {padding:10px;}
.iconmark img {max-width:100px;}
.iconmark p {font-size:1.1em; margin-bottom:20px;}
.markemp {background-position:50% center;}
.filesc {background-color:rgba(0,0,0,0.3);}
.markemp2 {margin:15px auto; text-align:center; color:#e2f0f9;}
.titmarkemp {color:#e2f0f9;}
.texmarkemp {line-height:1.3em; margin:20px 0 0 0; color:#fff; font-family:Roboto-light; font-size:1.3em; padding-bottom:30px; padding-left:0;}
.botmarkemp {margin-bottom:40px;}
}

@media (min-width:450px) and (max-width:767px) {
.sites {height:100%; background-image:url("../imagens/banner-site.jpg"); background-size:cover; background-position:center 60%;}
.cabmtit {top:8%;  width:100%;}
.cabmtit h1 {font-size:4em;}
.cabmtex {bottom:3%;}
.cabmtex h2 {padding:15px 0;}
.titleivc {top:10%; left:1%; width:100%;}
.titleivc h1 {font-size:3em; text-align:left;}
.textoivc {bottom:2%;}
.cabimgdesk {display:block;}
.cabimgmob {display:none;}
}