@font-face {
	font-family: 'EdwardianScriptITC';
	src: url('../fontes/EdwardianScriptITC/EdwardianScriptITC.eot');
	src: url('../fontes/EdwardianScriptITC/EdwardianScriptITC.eot?#iefix') format('embedded-opentype'),
		url('../fontes/EdwardianScriptITC/EdwardianScriptITC.woff') format('woff'),
		url('../fontes/EdwardianScriptITC/EdwardianScriptITC.ttf')  format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'quicksandbold';
    src: url('../fontes/quicksand/quicksand-bold-webfont.eot');
    src: url('../fontes/quicksand/quicksand-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/quicksand/quicksand-bold-webfont.woff2') format('woff2'),
         url('../fontes/quicksand/quicksand-bold-webfont.woff') format('woff'),
         url('../fontes/quicksand/quicksand-bold-webfont.ttf') format('truetype'),
         url('../fontes/quicksand/quicksand-bold-webfont.svg#quicksandbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'quicksandlight';
    src: url('../fontes/quicksand/quicksand-light-webfont.eot');
    src: url('../fontes/quicksand/quicksand-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/quicksand/quicksand-light-webfont.woff2') format('woff2'),
         url('../fontes/quicksand/quicksand-light-webfont.woff') format('woff'),
         url('../fontes/quicksand/quicksand-light-webfont.ttf') format('truetype'),
         url('../fontes/quicksand/quicksand-light-webfont.svg#quicksandlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'quicksandregular';
    src: url('../fontes/quicksand/quicksand-regular-webfont.eot');
    src: url('../fontes/quicksand/quicksand-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/quicksand/quicksand-regular-webfont.woff2') format('woff2'),
         url('../fontes/quicksand/quicksand-regular-webfont.woff') format('woff'),
         url('../fontes/quicksand/quicksand-regular-webfont.ttf') format('truetype'),
         url('../fontes/quicksand/quicksand-regular-webfont.svg#quicksandregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'stackyard_personal_useregular';
    src: url('../fontes/stackyard_personal_use/stackyard_personal_use-webfont.eot');
    src: url('../fontes/stackyard_personal_use/stackyard_personal_use-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/stackyard_personal_use/stackyard_personal_use-webfont.woff2') format('woff2'),
         url('../fontes/stackyard_personal_use/stackyard_personal_use-webfont.woff') format('woff'),
         url('../fontes/stackyard_personal_use/stackyard_personal_use-webfont.ttf') format('truetype'),
         url('../fontes/stackyard_personal_use/stackyard_personal_use-webfont.svg#stackyard_personal_useregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.bg-portfolio .nspArt img.nspImage, .bg-portfolio .nspArt img.nspImage:hover, .bg-portfolio .nspArt a.readon.fright, .bg-portfolio .nspArt:hover a.readon.fright,
.bg-portfolio-page-itens .nspArt img.nspImage, .bg-portfolio-page-itens .nspArt img.nspImage:hover, .bg-portfolio-page-itens .nspArt a.readon.fright, .bg-portfolio-page-itens .nspArt:hover a.readon.fright,
.bg-depoimentos .nspArt img, .bg-depoimentos .nspArt:hover img, .bg-blog .nspArt, .bg-blog .nspArt:hover, .bg-blog .nspArt img.nspImage, .bg-blog .nspArt:hover img.nspImage,
a.botao-orcamento:hover, a.botao-orcamento, .direitos img:hover, .direitos img, .bg-rodape a:hover, .bg-rodape a,
.nav>li>a:hover, .nav>li>a:focus, .nav>li.active, .nav>li>.separator:hover, .nav>li>a, .nav>li>a:focus, .nav>li.active, .nav>li>.separator,
input.button.subbutton.btn.btn-primary, input.button.subbutton.btn.btn-primary:hover, .custommais-depoimentos img:hover, .custommais-depoimentos img,
a#bg-servicos-link:hover, a#bg-servicos-link, .bg-empresa-verde .visao:hover p, .bg-empresa-verde .visao img, .bg-empresa-verde .visao h2,

.bg-empresa-verde .sustentabilidade:hover p, .bg-empresa-verde .sustentabilidade img, .bg-empresa-verde .sustentabilidade h2, 

.bg-explicacao-servico .logo-marca:hover p, .bg-explicacao-servico .logo-marca img, .bg-explicacao-servico .logo-marca h2, 
.bg-explicacao-servico .papelaria:hover p, .bg-explicacao-servico .papelaria img, .bg-explicacao-servico .papelaria:hover img, .bg-explicacao-servico .papelaria h2, 

.bg-explicacao-servico .papelaria, .bg-explicacao-servico .papelaria:hover,
.bg-explicacao-servico .logo-marca, .bg-explicacao-servico .logo-marca:hover,
.bg-explicacao-servico .identidade, .bg-explicacao-servico .identidade:hover,
.bg-explicacao-servico-2 .redes, .bg-explicacao-servico-2 .redes:hover,



.bg-explicacao-servico .identidade:hover p, .bg-explicacao-servico .identidade img, .bg-explicacao-servico .identidade h2,

.bg-explicacao-servico .loja:hover p, .bg-explicacao-servico .loja img, .bg-explicacao-servico .loja h2,

.bg-explicacao-servico .loja,

.bg-explicacao-servico-2 .redes:hover p, .bg-explicacao-servico-2 .redes img, .bg-explicacao-servico-2 .redes h2,

.bg-empresa-verde .missao:hover p, 
.bg-empresa-verde .missao img, .bg-empresa-verde .missao h2, .bg-empresa-verde .valores:hover p, .bg-empresa-verde .valores img, .bg-empresa-verde .valores h2,
.gkTabsItem img:hover, .gkTabsItem img, input#enviar:hover, input#enviar,input.rsform-submit-button.btn.btn-primary,input.rsform-submit-button.btn.btn-primary:hover,
a.getmore:hover, a.getmore:focus, a.getmore, .perguntas-servicos li.gkTab:hover, .perguntas-servicos li.gkTab,
.bg-contactar a.nao:hover, .bg-contactar a.nao, .bg-contactar a.sim:hover, .bg-contactar a.sim,
.box-branco a.nao:hover, .box-branco a.nao, .box-branco a.sim:hover, .box-branco a.sim,
.yjnewspopFilter a.showtips:hover, .yjnewspopFilter a.selected, .yjnewspopFilter a.showtips,
div#gk-tabs-196 li.gkTab:hover, div#gk-tabs-196 li.gkTab.active, div#gk-tabs-196 li.gkTab,
.gkTabsWrap.vertical ol li, .gkTabsWrap.vertical ol li:hover,


.bg-empresa-verde .visao, .bg-empresa-verde .sustentabilidade, .bg-empresa-verde .missao, .bg-empresa-verde .valores,
.bg-empresa-verde .visao:hover, .bg-empresa-verde .sustentabilidade:hover, .bg-empresa-verde .missao:hover, .bg-empresa-verde .valores:hover,

.bg-portfolio .nspArt:hover a.nspImageWrapper,.bg-portfolio .nspArt a.nspImageWrapper,
.bg-portfolio-page-itens .nspArt:hover a.nspImageWrapper, .bg-portfolio-page-itens .nspArt a.nspImageWrapper,

a.botao-03:hover, a.botao-03,

div#pesquisar:hover, div#pesquisar,

#pesquisar:hover form, #pesquisar form,

.redes-barra img:hover, .redes-barra img,

.redes-barra .moduletable:hover .custom, .redes-barra .moduletable .custom,
.compartilhar .moduletable:hover .custom, .compartilhar .moduletable .custom,.voltar-top:hover,.voltar-top
{
	-webkit-transition: all 700ms ease-in-out;
	-moz-transition: all 700ms ease-in-out;
	-ms-transition: all 700ms ease-in-out;
	-o-transition: all 700ms ease-in-out;
	transition: all 700ms ease-in-out;
}

.descer-translate
{
    -webkit-transition: transform 700ms ease-in-out;
    -moz-transition: transform 700ms ease-in-out;
    -ms-transition: transform 700ms ease-in-out;
    -o-transition: transform 700ms ease-in-out;
    transition: transform 700ms ease-in-out;
}

.esconde-icone:hover, .esconde-icone
{
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

a.botao-orcamento:hover, a.botao-orcamento
{
	-webkit-transition: background 700ms ease-in-out;
	-moz-transition: background 700ms ease-in-out;
	-ms-transition: background 700ms ease-in-out;
	-o-transition: background 700ms ease-in-out;
	transition: background 700ms ease-in-out;
}


/*************** Comeca ***************/

.rsform-block-validacao br 
{
    display: none;
}

input#captchaTxt36 
{
    width: 100% !important;
    text-align: left !important;
    margin-top: 0px !important;
}


input#search-searchword 
{
    width: 100%;
    border-radius: 0px;
    height: 34px;
}

.searchnoticias legend
{
    color: #FFF;
}

dt.result-title
{
    margin-top: 38px;
}

#conteudo article a:hover, .searchnoticias a:hover
{
    text-decoration: underline;
}

#conteudo article a, .searchnoticias a
{
    color: #035E82 !important;
}


.searchnoticias
{
    padding: 120px 0px;
}

.pagination li
{
     background-color: transparent; !important;
  
}

.pagination a.hasTooltip.pagenav:hover, .pagination a:hover, .pagination span.pagenav
{
    background-color: #04858C !important;
    border-radius: 0px !important;
    border: none !important;
    box-shadow: none !important;
    color: #FFF !important;
}

.pagination a.hasTooltip.pagenav, .pagination a
{
    background-color: #04949C !important;
    border-radius: 0px !important;
    border: none !important;
    box-shadow: none !important;
    color: #FFF !important;
}

.pagination 
{
    display: table;
    text-align: center;
    margin: 60px auto 0px auto;
    clear: both;
}

section.blogdepoimentos
{
    padding: 120px 0px;
}

section.blogdepoimentos article.item.column-1 
{
    padding: 20px 0px !important;
}


body#depoimentos .img-intro-left 
{
    background-size: 100%;
    background-image: url(../images/asa-depoimentos.png);
    background-repeat: no-repeat;
    background-position: center top;
    text-align: left;
    float: left;
    width: 260px;
    margin-right: 30px;
    transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
}

body#depoimentos .img-intro-left img 
{
    margin: 0 auto;
    max-width: 100%;
    width: 26% !important;
    height: auto !important;
    -WEBKIT-FILTER: GRAYSCALE(100%);
    padding: 14% 0px 11% 6%;

        transform:rotate(7deg);
    -ms-transform:rotate(7deg); /* IE 9 */
    -webkit-transform:rotate(7deg); /* Opera, Chrome, and Safari */
}





#conteudo .cat-children 
{
    display: none;
}

body#portfolio-items #conteudo h2
{
    margin-top: 50px !important;
    margin-bottom: 30px !important
}



#conteudo article
{
    padding: 120px 0px;
}

header#menu-topo.retirar-absolute #logo-menu
{
    opacity: 1 !important;
}

header#menu-topo.retirar-absolute 
{
    position: fixed !important;
    top: 0px !important;
}

#conteudo h2
{
    font-family: 'quicksandbold';
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    margin: 30px 0px;
}

dd.category-name, body#portfolio-items #conteudo h2
{
    font-family: 'quicksandregular';
    font-size: 64px;
    color: #FFF;
    text-align: center;
    margin: 0px auto;
    margin-bottom: 60px;
    border-bottom: 1px solid #FFF;
}

#conteudo .box-da-imagem
{
    margin: 0 auto;
    max-width: 100%;
    width: 36% !important;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#conteudo .img-fulltext-left
{
    background-size: 100%;
    background-image: url(../images/bg-imagens-conteudo.png);
    background-repeat: no-repeat;
    background-position: center top;
    text-align: left;
    padding: 0.7% 0% 0.9% 0%;
    max-width: 698px;
    margin: 0 auto;
}

#conteudo
{
    background-image: url(../images/bg-topo-artigos.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #00ACB6;
    color: #FFF;
    text-align: justify;
    font-size: 14px;
    line-height: 24px;
}

.compartilhar .moduletable 
{
    float: right;
}

.compartilhar .moduletable:hover .custom
{
    opacity: 1;
    z-index: 9;
}

.compartilhar .moduletable .custom
{
    position: absolute;
    top: 7px;
    right: 49px;
    opacity: 0;
    z-index: -9;
}

.compartilhar .moduletable:before 
{
    background-image: url(../images/ico-compartilhar-barra-fixa.png);
    background-repeat: no-repeat;
    background-position: top center;
    height: 42px;
    width: 33px;
    content: "";
    display: block;
}

.compartilhar 
{
    float: right;
    margin-top: -6px;
}

.redes-barra .moduletable:hover .custom
{
    opacity: 1;
    z-index: 9;
}

.redes-barra .moduletable .custom
{
    position: absolute;
    top: 0px;
    left: 49px;
    opacity: 0;
    z-index: -9;
    width: 178px;
}

.redes-barra .moduletable:before 
{
    background-image: url(../images/ico-redes-barra-fixa.png);
    background-repeat: no-repeat;
    background-position: top center;
    height: 42px;
    width: 33px;
    content: "";
    display: block;
}

.redes-barra a
{
    margin: 0px !important;
    padding: 0px !important;
}

.redes-barra img:hover
{
    background-color: #80b8d8;
}

.redes-barra img 
{
    background-color: #c4c4c4;
    padding: 10px 16px;
}

.redes-barra 
{
    float: left;
    margin-top: -6px;
}

.botoes-contratar 
{
    float: left;
}



button.button.btn.btn-primary
{
    background-color: #5fb9da;
    color: #FFF;
    margin: 0px !important;
    height: 32px;
    background-image: none !important;
    border: none;
    border-radius: 0px;
    float: left;
}

.search input
{
    background-color: #FFF;
    border-radius: 0px !important;
    padding: 10px !important;
    margin: 0px !important;
    height: 32px;
    float: left;
    clear: both;
}

.search label 
{
    display: none;
}

div#pesquisar:hover
{
    height: auto !important;
}

#pesquisar:hover form 
{
    position: absolute;
    display: block;
    width: 242px;
    right: 0px;
    opacity: 1;
}

#pesquisar form 
{
    position: absolute;
    display: none;
    z-index: 999999;
    opacity: 0;
}

.search:before
{
    background-image: url(../images/bg-lupa-pesquisar.png);
    background-repeat: no-repeat;
    background-position: top center;  
    height: 37px;
    width: 27px;
    content: "";
    display: block;
}

#pesquisar 
{

    float: right;
    position: relative;
    margin-top: -10px;
}

#pesquisar .moduletable 
{
    float: none !important;
}

.navbar.navbar-default .moduletable 
{
    float: left;
}

a.botao-03:hover
{
    background-color: #69C7D2; 
    color: #225157;  
}

a.botao-03 
{
    color: #5d8f95;
    background-color: #dfe8e6;
    display: table;
    padding: 8px 20px;
    text-transform: uppercase;
    margin: 20px auto;
    font-size: 14px;
}

.bg-portfolio .nspArt:hover a.nspImageWrapper, .bg-portfolio-page-itens .nspArt:hover a.nspImageWrapper
{
    opacity: 0.5;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.bg-portfolio .nspArt a.nspImageWrapper, .bg-portfolio-page-itens .nspArt a.nspImageWrapper
{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 222px;
    display: block;
    width: 100%;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.bg-portfolio .nspArt, .bg-portfolio-page-itens .nspArt
{
    background-color: #000;
}

div#element
{
    background-image: url(../images/anjo-load.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li
{
    border-radius: 0px !important;
}

body#clientes .moduletable.yjnewspop
{
    position: inherit !important;
}

.postItem
{
    min-height: 500px !important;
}

.acyfield_name input, .acyfield_email input
{
    width: 95% !important;
    border-radius: 0px !important;
}

body#home .bg-depoimentos .customtitulo h3
{
    border: none !important;
}

div#gk-tabs-196 li.gkTab:hover, div#gk-tabs-196 li.gkTab.active
{
    -webkit-filter: brightness(1.2);
    -moz-filter: brightness(1.2);
    -ms-filter: brightness(1.2);
    -o-filter: brightness(1.2);
    filter: brightness(1.2);
}

div#gk-tabs-196 li.gkTab.gkTabs-4
{
    background-color: #a87b5e !important; 
}

div#gk-tabs-196 li.gkTab.gkTabs-3
{
    background-color: #ca2128 !important; 
}

div#gk-tabs-196 li.gkTab.gkTabs-2
{
    background-color: #20a7db !important; 
}

div#gk-tabs-196 li.gkTab.gkTabs-1
{
    background-color: #3E579E !important; 
}

div#gk-tabs-196 li.gkTab 
{
    height: auto;
    line-height: 20px !important;
    padding: 16px 10px !important;
    width: 164px;
    font-family: 'quicksandlight';
    color: #FFF !important;
}

#yjnewspopLayout125 .yjnewspopItem, #yjnewspopLayout126 .yjnewspopItem, #yjnewspopLayout127 .yjnewspopItem, #yjnewspopLayout128 .yjnewspopItem, #yjnewspopLayout129 .yjnewspopItem,
#yjnewspopLayout125 .yjnewspop, #yjnewspopLayout126 .yjnewspop, #yjnewspopLayout127 .yjnewspop, #yjnewspopLayout128 .yjnewspop, #yjnewspopLayout129 .yjnewspop,
#yjnewspopLayout125 .yjnewspopC, #yjnewspopLayout126 .yjnewspopC, #yjnewspopLayout127 .yjnewspopC, #yjnewspopLayout128 .yjnewspopC, #yjnewspopLayout129 .yjnewspopC,
#yjnewspopLayout125 a.yjnewspopLink, #yjnewspopLayout126 a.yjnewspopLink, #yjnewspopLayout127 a.yjnewspopLink, #yjnewspopLayout128 a.yjnewspopLink, #yjnewspopLayout129 a.yjnewspopLink
{
    height: 250px !important;
}

h2.yjnewspopTitle
{
    font-family: 'quicksandregular';
    padding-bottom: 22px !important;
    font-size: 21px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -1px;
}

#yjNewsPopContainer130 a.yjnewspopLink, #yjNewsPopContainer192 a.yjnewspopLink, #yjNewsPopContainer193 a.yjnewspopLink, 
#yjNewsPopContainer125 a.yjnewspopLink, #yjNewsPopContainer126 a.yjnewspopLink, #yjNewsPopContainer127 a.yjnewspopLink, #yjNewsPopContainer128 a.yjnewspopLink, #yjNewsPopContainer129 a.yjnewspopLink
{
    background-size: cover;
    background-position: center;
}

section#blog-topo .blog-00-esquerda, section#blog-topo .blog-00-direita, section#blog-topo .blog-00-meio, section#blog-topo .row
{
    padding: 0px !important;
    margin: 0px !important;
}

body#clientes h2.yjnewspopTitle, body#clientes a.group191, body#clientes .yjnewspopCat.infoItem
{
    display: none !important;
}

.bg-carinha-escada-clientes
{
    background-image: url(../images/bg-carinha-escada-clientes.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100%;
    width: 15%;
    height: 1131px;
    position: absolute;
    bottom: -26px;
    left: 0px; 
    -webkit-filter: drop-shadow(12px -11px 15px #111);
    -moz-filter: drop-shadow(12px -11px 15px #111);
    -ms-filter: drop-shadow(12px -11px 15px #111);
    -o-filter: drop-shadow(12px -11px 15px #111);
    filter: drop-shadow(12px -11px 15px #111);
}


body#clientes .bg-depoimentos h3
{
    font-family: 'quicksandregular';
}

body#clientes .bg-depoimentos 
{
    background-color: #c4c7c9;
    background-image: url(../images/bg-clientes-depoimentos.jpg);
    background-position: bottom center;
    padding-bottom: 660px;

}

.webdesign-01 .titulo, .webdesign-02 .titulo, .webdesign-03 .titulo
{
    margin: 0 auto;
    margin-top: -65px;
    margin-bottom: 20px;
    display: table;
}

.webdesign-01 h4, .webdesign-02 h4, .webdesign-03 h4
{
    width: 110px;
    height: 110px;
    background-color: #85cdf3;
    border-radius: 50%;
    color: #21585f;
    text-transform: uppercase;
    font-size: 20px !important;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.webdesign-01, .webdesign-02, .webdesign-03 
{
    background-color: rgba(33, 88, 95, 0.8);
    padding: 16px;
    min-height: 704px;
}

div.yjnewspopIntro a:hover, div.yjnewspopIntro a:hover span
{
    color: #FFF;
}

.introText 
{
    margin: 10px 0px !important;
    text-align: justify;
    font-size: 12px;
}

.introTitle a 
{
    font-size: 16px;
    text-align: justify !important;
    margin-bottom: 16px;
}

.yjnewspopFilter a.showtips:hover, .yjnewspopFilter a.selected
{
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.yjnewspopFilter a
{
    color: #FFF;
    font-size: 16px;
}

.topo-seo-01
{
    left: 90% !important;
    top: 10% !important;
    width: 5% !important;
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -ms-filter: blur(4px);
    -o-filter: blur(4px);
    filter: blur(4px);
}

.topo-seo-02
{
    left: 0% !important;
    top: 70% !important;
    width: 7% !important;
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -ms-filter: blur(3px);
    -o-filter: blur(3px);
    filter: blur(3px);
}

.topo-seo-03
{
    left: 20% !important;
    top: 30% !important;
    width: 10% !important;
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    -o-filter: blur(2px);
    filter: blur(2px);
}

.topo-seo-04
{
    left: 60% !important;
    top: 50% !important;
    width: 2% !important;
    -webkit-filter: blur(6px);
    -moz-filter: blur(6px);
    -ms-filter: blur(6px);
    -o-filter: blur(6px);
    filter: blur(6px);
}

.topo-seo-05
{
    left: 87% !important;
    top: 60% !important;
    width: 10% !important;
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    -o-filter: blur(2px);
    filter: blur(2px);
}

.topo-seo-06
{
    left: 6% !important;
    top: -5% !important;
    width: 3% !important;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
    filter: blur(5px);
}

.topo-seo-07
{
    left: 45% !important;
    top: 95% !important;
    width: 5% !important;
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -ms-filter: blur(3px);
    -o-filter: blur(3px);
    filter: blur(3px);
}

.topo-seo-01, .topo-seo-02, .topo-seo-03, .topo-seo-04, .topo-seo-05, .topo-seo-06, .topo-seo-07
{
    position: absolute;
    background-image: url(../images/topo/bg-topo-seo-laranja.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
    height: 200px !important;
}

.topo-webdesign-03
{
    position: absolute;
    background-image: url(../images/topo/bg-topo-webdesin-site.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    height: 400px !important;
    
    left: 95% !important;
    top: -15% !important;
    width: 20% !important;
}

.topo-webdesign-02
{
    position: absolute;
    background-image: url(../images/topo/bg-topo-webdesin-arroba.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    height: 400px !important;

    left: 25% !important;
    top: -15% !important;
    width: 15% !important;
}

.topo-webdesign-01
{
    position: absolute;
    background-image: url(../images/topo/bg-topo-webdesin-seta.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    height: 400px !important;

    left: 0% !important;
    top: -15% !important;
    width: 25% !important;
}

.container.webdesign
{
    position: relative;
}

.topo-seo-anjo img
{
    float: right;
}

.topo-redes-03
{
    position: absolute;
    left: 0% !important;
    top: -5% !important;
    width: 20% !important;
    background-image: url(../images/topo/topo-redes-facebook-linkedin.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
    height: 826px;
}

.topo-redes-02
{
    position: absolute;
    left: 50% !important;
    top: -5% !important;
    width: 20% !important;
    background-image: url(../images/topo/topo-redes-twitter-youtube-vimeo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 826px;
}

.topo-redes-01
{
    position: absolute;
    left: 78% !important;
    top: -5% !important;
    width: 20% !important;
    background-image: url(../images/topo/topo-redes-twitter-instagram.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    height: 826px;
}

.topo-produtos-02
{
    position: absolute;
    left: 78% !important;
    top: -5% !important;
    width: 20% !important;
    background-image: url(../images/topo/bg-topo-produtos-02.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    height: 526px;
}

.topo-produtos-01
{
    position: absolute;
    left: 25% !important;
    top: -5% !important;
    width: 20% !important;
    background-image: url(../images/topo/bg-topo-produtos-01.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
    height: 526px;
}

.anjinho-identidade
{
    position: absolute;
    left: 10% !important;
    top: 0px;
    width: 20% !important;
    background-image: url(../images/bg-topo-identidade.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
    height: 526px;
    -webkit-filter: drop-shadow(22px 20px 6px #666);
    -moz-filter: drop-shadow(22px 20px 6px #666);
    -ms-filter: drop-shadow(22px 20px 6px #666);
    -o-filter: drop-shadow(22px 20px 6px #666);
    filter: drop-shadow(22px 20px 6px #666);
}

.pilastra-direita
{
    position: absolute;
    right: 5% !important;
    bottom: 0px;
    width: 25%;
    background-image: url(../images/topo/topo-pilastra-identidade.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 900px;
}

.pilastra-esquerda
{
    position: absolute;
    left: 5% !important;
    bottom: 0px;
    width: 25%;
    background-image: url(../images/topo/topo-pilastra-identidade.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 900px;
}

#box-texto-topo h3
{
    color: #FFF;
    font-size: 26px;
    font-family: 'quicksandbold' !important;
    font-weight: bold !important;
    text-shadow: 2px 2px 3px #303030;
}

.topo-adwords-esquerdo li
{
    position: relative !important;
}

.topo-adwords-esquerdo img
{
    display: block !important;
    margin: 20px auto !important;
}

.box-branco .custom img
{
    display: block;
    margin: 20px auto;
}

.box-branco .custom h1
{
    text-align: center;
    font-size: 68px;
}

.box-branco .custom h2
{
    text-align: center;
    font-size: 20px;
}

.identidade .custom h3, .topo-loja-virtual .custom h3, .topo-redes-sociais .custom h3, .topo-seo .custom h3, .topo-webdesign .custom h3
{
    text-shadow: none !important;
    color: #1e1e1e !important;
    font-size: 20px !important;
    text-align: center;
    font-family: 'quicksandlight';
    margin-bottom: 20px;
}

.identidade .custom h2, .topo-loja-virtual .custom h2, .topo-redes-sociais .custom h2, .topo-seo .custom h2, .topo-webdesign .custom h2
{
    font-size: 27px;
    font-family: 'quicksandlight';
}

.identidade .custom h1, .topo-loja-virtual .custom h1, .topo-redes-sociais .custom h1, .topo-seo .custom h1, .topo-webdesign .custom h1
{
    font-family: 'EdwardianScriptITC';
    font-size: 100px !important;
    color: #727d85;
}

.topo-webdesign .custom
{
    border: 12px solid rgba(93, 143, 149, 0.7) !important;
}  

.topo-seo .custom
{
    border: 12px solid rgba(129, 171, 120, 0.7) !important;
}  

.topo-redes-sociais .custom 
{
    border: 12px solid rgba(134, 160, 202, 0.7) !important;
}  

.topo-loja-virtual .custom
{
    border: 12px solid rgba(205, 112, 76, 0.7) !important;
}  

.identidade .custom
{
    border: 12px solid rgba(240, 223, 131, 0.7) !important;
} 

.box-branco .custom 
{
    text-align: justify;
    color: #515151;
    font-size: 20px;
    font-family: 'quicksandregular';
    background-color: #FFF;
    padding: 30px;
    border: 12px solid rgba(173, 173, 173, 0.1);
    -moz-background-clip: border;
    -webkit-background-clip: border;
    background-clip: border-box;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
}    

div#box-texto-topo 
{
    position: absolute;
    top: 0px;
    width: 100%;
}

body#seo .bg-explicacao-servico .porcentagens h2
{
    font-size: 84px;
    font-family: 'quicksandbold';
    margin-bottom: 30px;
}

body#seo .bg-explicacao-servico .porcentagens
{
    text-align: center;
    padding: 20px;
    background-color: #008165;
    margin: 60px 0px 40px 0px;
}

.bg-explicacao-servico-2 .facebook
{
	background-color: #445473;
}

.bg-explicacao-servico-2 .twitter
{
	background-color: #5c7f98;
}

.bg-explicacao-servico-2 .youtube
{
	background-color: #824141;
}

.bg-explicacao-servico-2 .instagram
{
	background-color: #6e6155;
}

.bg-explicacao-servico-2 .redes
{
    margin: 20px 0px;
    font-family: 'quicksandlight';
    color: #FFF;
    height: 400px;
    display: table-cell;
    vertical-align: middle;
}

.bg-explicacao-servico-2 .col-md-6 
{
    margin-top: 14px;
    margin-bottom: 14px;
}

.bg-explicacao-servico-2 .redes strong, .bg-explicacao-servico-2 .redes b
{
    font-family: 'quicksandbold';
}

body#redes-sociais .bg-explicacao-servico .col-md-4
{
	text-align: justify;
}

body#redes-sociais .bg-explicacao-servico img
{
	display: block;
	margin: 0 auto;
	margin-top: 20px;
}

body#redes-sociais .bg-explicacao-servico h2
{
	text-align: center;
	font-size: 20px;
	margin: 20px 0px;
}

body#redes-sociais .bg-explicacao-servico h3 
{
    font-family: 'quicksandregular' !important;
    font-size: 64px !important;
    color: #FFF !important;
    text-align: center !important;
    margin: 0px auto !important;
    margin-bottom: 20px !important;
    padding-bottom: 20px;
    border-bottom: 1px solid #FFF !important;
}

.bg-explicacao-servico-2 h3 
{
    font-family: 'quicksandregular' !important;
    font-size: 64px !important;
    color: #3b3b3b !important;
    text-align: center !important;
    margin: 0px auto !important;
    margin-bottom: 20px !important;
    padding-bottom: 20px;
    border-bottom: 1px solid #3b3b3b !important;
}

body#seo .bg-explicacao-servico-2 .col-md-6
{
    text-align: left;
}

body#seo .bg-explicacao-servico-2 h3
{
    color: #FFF !important;
    border-color: #FFF !important;
}

body#seo .bg-explicacao-servico-2 img
{
    margin: 80px 0px;
}

body#seo .bg-explicacao-servico-2 
{
    background-color: #5081A2;
    background-image: url(../images/bg-nuvens-baixo-azul-escuro.jpg);
    color: #FFF !important;
    background-position: bottom center;
}

.bg-explicacao-servico-2
{
    overflow: hidden;
    width: 100%;
    position: relative;
    background-color: #ebebeb;
    background-image: url(../images/bg-nuvens-cinzas.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    padding: 60px 0px;
    color: #3b3b3b !important;
    font-size: 16px;
}    

.bg-explicacao-servico .loja 
{
    margin-top: 40px;
}

.bg-explicacao-servico .loja h2 span
{
	display: block;
}

.bg-explicacao-servico .logo-marca h2, .bg-explicacao-servico .papelaria h2, .bg-explicacao-servico .identidade h2, 
.bg-explicacao-servico .loja h2
{
	text-align: center;
	font-family: 'quicksandlight';
	font-size: 18px;
	text-transform: uppercase;
}

.bg-explicacao-servico .logo-marca img, .bg-explicacao-servico .papelaria img, .bg-explicacao-servico .identidade img, 
.bg-explicacao-servico-2 .redes img
{
	display: block;
	margin:  0 auto;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.bg-explicacao-servico-2 .redes:hover
{
	padding: 40px !important;
}

.bg-explicacao-servico .loja:hover
{
	background-color: #9e5e45 !important;
}

.bg-explicacao-servico .logo-marca:hover, .bg-explicacao-servico .papelaria:hover, .bg-explicacao-servico .identidade:hover
{
	background-color: #c2b380 !important;
    padding: 20px !important;
}

.bg-explicacao-servico .col-md-3
{
    margin-top: 34px;
}

.bg-explicacao-servico .loja
{
    background-color: #c07659;
    font-family: 'quicksandlight';
    font-size: 16px;
    height: 400px;
    vertical-align: middle;
    display: table-cell;
    padding: 20px !important;
}

body#identidade-visual .bg-explicacao-servico .logo-marca, body#identidade-visual .bg-explicacao-servico .papelaria, body#identidade-visual .bg-explicacao-servico .identidade
{
    background-color: #d9c993;
    font-family: 'quicksandlight';
    font-size: 16px;
    height: 370px;
    vertical-align: middle;
    display: table-cell;
}

body#identidade-visual .bg-explicacao-servico h3:after 
{
    content: 'Não criamos uma logo, criamos uma identidade. A diferença entre ambos é que o segundo é um estudo personalizado do seu público, dos seus ideais e daquilo que quer comunicar';
    display: block !important;
    font-size: 20px;
    border-top: 1px solid #FFF;
    margin-top: 20px;
    padding-top: 10px;
}

body#webdesign .bg-explicacao-servico h3 
{
    border-bottom: 1px solid #FFF;
    padding-bottom: 10px;
}

body#identidade-visual .bg-explicacao-servico h3, body#webdesign .bg-explicacao-servico h3
{
    font-family: 'quicksandregular';
    font-size: 64px;
    color: #FFF;
    text-align: center;
    margin: 0px auto;
    margin-bottom: 80px;
}

body#loja-virtual .bg-explicacao-servico h3
{
    font-family: 'quicksandregular' !important;
    font-size: 64px !important;
    color: #FFF !important;
    text-align: center !important;
    margin: 0px auto !important;
    margin-bottom: 60px !important;
    padding-bottom: 30px;
    border-bottom: 1px solid #FFF !important;
}

body#seo .bg-explicacao-servico h3
{
    font-family: 'quicksandregular' !important;
    font-size: 64px !important;
    color: #FFF !important;
    text-align: center !important;
    margin: 0px auto !important;
    margin-bottom: 20px !important;
    padding-bottom: 20px;
    border-bottom: 1px solid #FFF !important;
}

body#seo .bg-explicacao-servico 
{
    background-image: url(../images/bg-blog.jpg);
    background-position: top center;
    background-repeat: repeat;
    padding: 40px 0px;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-family: 'quicksandlight';  
}

body#redes-sociais .bg-explicacao-servico
{
    background-image: url(../images/bg-nuvens-azuis-medio.jpg);
    background-color: #51698F;
    background-position: bottom center;
    background-repeat: no-repeat;
    padding: 40px 0px;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-family: 'quicksandlight';	
}

body#loja-virtual .bg-explicacao-servico
{
    background-image: url(../images/bg-nuvens-laranja.jpg);
    background-color: #D66B49;
    background-position: bottom center;
    background-repeat: no-repeat;
    padding: 40px 0px;
    color: #FFF;
    text-align: justify;
    font-size: 18px;
    font-family: 'quicksandlight';
}

body#identidade-visual .bg-explicacao-servico
{
    background-image: url(../images/bg-nuvens-marrons.jpg);
    background-color: #CFB97F;
    background-position: bottom center;
    background-repeat: no-repeat;
    padding: 40px 0px;
    color: #FFF;
    text-align: justify;
    font-size: 18px;
    font-family: 'quicksandlight';
}

body#webdesign .bg-explicacao-servico
{
    background-image: url(../images/bg-explicacao-wedsign.jpg);
    background-color: #399097;
    background-position: bottom center;
    background-repeat: no-repeat;
    padding: 40px 0px;
    color: #FFF;
    text-align: justify;
    font-size: 18px;
    font-family: 'quicksandlight';
}

.bg-contactar a.nao:hover, .box-branco a.nao:hover
{
	background-color: #a70000 !important;
	color: #FFF !important;
}

.bg-contactar a.sim:hover, .box-branco a.sim:hover
{
	background-color: #338e02 !important;
	color: #FFF !important;
}

.bg-contactar a.nao, .box-branco a.nao
{
	background-color: #474a4d;
	color: #7f7f7f;
}

.bg-contactar a.sim, .box-branco a.sim
{
	background-color: #80b8d8;
	color: #FFF;
}

.bg-contactar a.nao, .bg-contactar a.sim 
{
    width: 246px;
}

.bg-contactar .custom 
{
    display: table;
    margin: 0 auto;
}

.bg-contactar a, .box-branco a
{
	display: block;
	padding: 10px 20px;
	float: left;
    margin: 0px 10px;
}

#menu-topo.fixar-menu ul.icesubMenu
{
    top: 50px !important
}

#menu-topo.fixar-menu:after 
{
    border: 0 !important;
}

.bg-contactar
{
	background-color: #FFF;
	padding: 6px 0px;
	font-family: 'quicksandbold';
	font-size: 14px;
	text-transform: uppercase;
    position: relative;
    z-index: 999
}

.bg-video h3 span
{
	display: block;
}

.bg-video h3 strong, .bg-video h3 b
{
	font-family: 'quicksandbold';
}

body#redes-sociais .bg-video h3, body#webdesign .bg-video
{
	color: #FFF;
}

.bg-video h3
{
	font-size: 56px;
	font-family: 'quicksandlight';
	margin-bottom: 50px;
}

.bg-video .container iframe
{
	border: 8px solid #FFF;
}

.bg-video .container
{
    z-index: 999;
    position: relative;
}

body#webdesign .bg-video
{
    background-color: #578DA9;
    background-image: url(../images/bg-video-webdesign.jpg);
}

body#redes-sociais .bg-video
{
	background-color: #3E97A7;
	background-image: url(../images/bg-nuvens-cima-azul.jpg);
}

.bg-video
{
	overflow: hidden;
	width: 100%;
	position: relative;
	background-color: #ebebeb;
	background-image: url(../images/bg-nuvens-cinzas.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	padding: 60px 0px;
}

body#adwords .bg-explicacao-servico .col-md-6
{
	margin: 20px 0px;
}

body#adwords .bg-explicacao-servico img
{
	float: left;
	margin-right: 20px;
}

body#adwords .bg-explicacao-servico h3 
{
    font-family: 'quicksandregular';
    font-size: 56px;
    color: #FFF;
    text-align: center;
    margin: 0px auto;
    margin-bottom: 60px;
    border-bottom: 1px solid #FFF;
}

body#identidade-visual .bg-portfolio h3, body#loja-virtual .bg-portfolio h3, body#redes-sociais .bg-portfolio h3, body#webdesign .bg-portfolio h3
{
	max-width: inherit !important;
}

body#identidade-visual .bg-portfolio h3:after, body#loja-virtual .bg-portfolio h3:after, body#redes-sociais .bg-portfolio h3:after
{
    content: 'Algumas precisam precisam ver para crer. Então veja com seus próprios olhos que é possível alcançar o paraíso dos seus negócios';
}

body#redes-sociais .bg-portfolio, body#webdesign .bg-portfolio
{
    background-image: url(../images/bg-blog.jpg);
    background-position: top center;
    background-repeat: repeat;
    padding: 40px 0px;
    color: #FFF;
    text-align: justify;
    font-size: 18px;
    font-family: 'quicksandlight';
}

body#loja-virtual .bg-portfolio
{
    background-image: url(../images/bg-nuvens-andando-roxa-claro.jpg);
    background-position: top center;
    background-repeat: repeat;
    padding: 40px 0px;
    color: #FFF;
    text-align: justify;
    font-size: 18px;
    font-family: 'quicksandlight';
}

body#identidade-visual .bg-portfolio
{
    background-image: url(../images/bg-nuvens-andando-roxa.jpg);
    background-position: top center;
    background-repeat: repeat;
    padding: 40px 0px;
    color: #FFF;
    text-align: justify;
    font-size: 18px;
    font-family: 'quicksandlight';
}

body#adwords .bg-explicacao-servico
{
    background-image: url(../images/bg-nuvens-andando-azul.jpg);
    background-position: top center;
    background-repeat: repeat;
    padding: 40px 0px;
    color: #FFF;
    text-align: justify;
    font-size: 18px;
    font-family: 'quicksandlight';
}

body#adwords .bg-depoimentos .customtitulo h3, body#identidade-visual .bg-depoimentos .customtitulo h3, body#seo .bg-depoimentos .customtitulo h3, body#webdesign .bg-depoimentos .customtitulo h3
{
    margin-bottom: 60px !important;
    padding-bottom: 10px;
    border-bottom: 2px solid #FFF !important;
}

body#adwords .bg-depoimentos h3, body#identidade-visual .bg-depoimentos h3, body#seo .bg-depoimentos h3, body#webdesign .bg-depoimentos h3,
body#adwords .puxar-descricao-depoimento h2, body#identidade-visual .puxar-descricao-depoimento h2, body#seo .puxar-descricao-depoimento h2, body#webdesign .puxar-descricao-depoimento h2,
body#adwords .puxar-descricao-depoimento p, body#identidade-visual .puxar-descricao-depoimento p, body#seo .puxar-descricao-depoimento p, body#webdesign .puxar-descricao-depoimento p
{
	color: #FFF !important;
}

body#adwords h3, body#identidade-visual h3, body#loja-virtual h3, body#redes-sociais h3, body#seo h3, body#webdesign h3
{
	font-family: 'quicksandregular';
}

body#seo .bg-depoimentos
{
    background-color: #705D8B;
    background-image: url(../images/bg-nuvens-baixo-roxa.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
}

body#redes-sociais .bg-depoimentos
{
    background-color: #B6CDD3;
    background-image: url(../images/bg-nuvens-azul-claro-redes.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
}

body#loja-virtual .bg-depoimentos
{
    background-color: #BBC9D4;
    background-image: url(../images/bg-nuvens-azuis-claro.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
}

body#identidade-visual .bg-depoimentos
{
    background-color: #5D869C;
    background-image: url(../images/bg-nuvens-azuis.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
}

body#adwords .bg-depoimentos
{
    background-color: #007E69;
    background-image: url(../images/bg-nuvens-verdes.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
}    

body#adwords .moduletable.depoimentos-nuvens-pequenas, body#identidade-visual .moduletable.depoimentos-nuvens-pequenas, body#loja-virtual .moduletable.depoimentos-nuvens-pequenas, 
body#redes-sociais .moduletable.depoimentos-nuvens-pequenas, body#seo .moduletable.depoimentos-nuvens-pequenas, body#webdesign .moduletable.depoimentos-nuvens-pequenas
{
    margin-top: 50px;
}

.perguntas-servicos .gkTabsContainer
{
	height: auto !important;
	min-height: 200px;
	clear: none !important;
}

.perguntas-servicos .gkTabsWrap.vertical ol li:hover, .perguntas-servicos .gkTabsWrap.vertical ol li.active, .perguntas-servicos .gkTabsWrap.horizontal ol li:hover, 
.perguntas-servicos .gkTabsWrap.horizontal ol li.active
{
	background-color: #362f2c !important;
	color: #FFF !important
}

.perguntas-servicos li.gkTab
{
	margin-bottom: 20px !important;
	background-color: #5d5450;
	color: #FFF !important;
	border: none !important;
	font-size: 16px;
	padding: 16px !important;
	text-shadow: none !important;
	border: none !important;
	box-shadow: none !important;
}

.perguntas-servicos .gkTabsContainer .gkTabsItem h4
{
	text-align: center;
	font-size: 16px;
	font-family: 'quicksandbold';
}

.perguntas-servicos .gkTabsContainer .gkTabsItem
{
    color: #6f7274;
    font-size: 16px;
    padding: 20px;
    text-align: justify;
    font-family: 'quicksandregular';
}

.perguntas-servicos .gkTabsWrap > ol
{
    background-color: transparent;
    border: none !important;
}

.perguntas-servicos .gkTabsContainer 
{
    background-color: #FFF;
    color: #6f7274;
}

.perguntas-servicos h3 
{
    font-family: 'quicksandregular' !important;
    font-size: 64px !important;
    color: #5d5450 !important;
    text-align: center !important;
    margin: 0px auto !important;
    margin-bottom: 60px !important;
    padding-bottom: 30px;
    border-bottom: 2px solid #5d5450 !important;
}

.perguntas-servicos 
{
    margin-bottom: 200px;
}

.bg-portfolio-page .direito img 
{

	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 5;
}

.bg-portfolio-page .direito p
{
    margin-bottom: 30px;
}

.bg-portfolio-page .direito strong, .bg-portfolio-page .direito b
{
    font-family: 'quicksandregular';
    text-align: left;
}

.bg-portfolio-page .direito
{
	text-align: center;
	color: #FFF;
	font-size: 26px;
	font-family: 'quicksandlight';
	text-align: justify;
}

.bg-portfolio-page h3
{
    font-family: 'quicksandregular';
    font-size: 60px;
    color: #FFF;
    text-align: center;
    margin: 0px auto;
    margin-bottom: 60px;
    border-bottom: 1px solid #FFF;
    padding-bottom: 24px;
}

#mar-barco
{
	background-image: url(../images/mar/barquinho-portfolio.png);
	background-position: left top;
	background-repeat: repeat-x;
	width: 100%;
	height: 212px;
	bottom: 0px !important;
	margin-top: -40px;
}

#mar-ondas-claras-atras
{
	background-image: url(../images/mar/ondas-azul-claro.png);
	background-position: center 20px;
	background-repeat: repeat-x;
	width: 100%;
	height: 215px;
	bottom: 0px !important;
}

#mar-ondas-claras
{
	background-image: url(../images/mar/ondas-azul-claro.png);
	background-position: bottom center;
	background-repeat: repeat-x;
	width: 100%;
	height: 215px;
	bottom: 0px !important;
}

#mar-ondas-escuras-frente
{
	background-image: url(../images/mar/ondas-azul-escuro.png);
	background-position: top center;
	background-repeat: repeat-x;
	width: 100%;
	height: 115px;
	bottom: 0px !important;
	margin-top: 108px !important;
	z-index: 6;
}

#mar-ondas-escuras
{
	background-image: url(../images/mar/ondas-azul-escuro.png);
	background-position: bottom center;
	background-repeat: repeat-x;
	width: 100%;
	height: 215px;
	bottom: 0px !important;
}

.bg-portfolio-page #scene2
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 120%;
	margin-left: -10%;
    padding: 0px!important;
    margin-bottom: 0 !important;
    z-index: 8;
}

.bg-portfolio-page
{
	position: relative;
	width: 100%;
	overflow: hidden;
	background-color: #89b6bb;
	padding-top: 60px;
	padding-bottom: 250px;
	background-image: url(../images/mar/bg-mar.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}

.bg-blog-05
{
	padding-bottom: 0px !important;
    background-color: #FAFAFA;
}

.bg-blog-05 h3
{
	font-family: 'quicksandregular';
    font-size: 64px;
    text-align: left;
    margin-bottom: 60px;
    margin: 0px auto !important;
    border-bottom: 1px solid #FFF;
	color: #313131;
    max-width: 1140px;
}

#yjNewsPopContainer129 .yjnewspop 
{
	color: #313131;
    margin: 0px !important;
}

div#load_more129 
{
    display: none;
}

.load_more
{
	height: auto;	
}

.load_more a.getmore:after
{
	content: "▼"
}

.load_more a.getmore:hover, .load_more a.getmore:focus
{
	background-color: rgba(0, 0, 0, 0.5) !important;
}

.load_more a.getmore, .load_more a.getmore:hover, .load_more a.getmore:focus
{
	background-color: rgba(0, 0, 0, 0.2);
	font-size: 16px;
	text-transform: uppercase;
	color: #FFF;
	border: none;
	width: 100%;
	text-shadow: none;
	padding: 14px 0px;
	height: auto;
    width: 100%;
    display: block;
    cursor: pointer;
}

.espacamento-carregar-mais
{
    height: 90px;
}

.load_more 
{
    height: auto;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 40px;
}

.bg-blog-02 .container .yjnewspopItem, .bg-blog-03 .container .yjnewspopItem
{
    position: relative;
    z-index: 9;
}

.bg-blog-02 #movimento-portfolio-passaros-2, .bg-blog-03 #movimento-portfolio-passaros
{
    z-index: 1 !important;
}

.bg-blog-01 h3, .bg-blog-02 h3, .bg-blog-03 h3, .bg-blog-04 h3
{
	font-family: 'quicksandregular';
    font-size: 64px;
    color: #FFF;
    text-align: center;
    margin: 0px auto;
    margin-bottom: 60px;
    border-bottom: 1px solid #FFF;
}

.bg-blog-01, .bg-blog-02, .bg-blog-03, .bg-blog-04, .bg-blog-05
{
	overflow: hidden;
	width: 100%;
}

.moduletable.yjnewspop 
{
    background-color: transparent !important;
}

ul.yjnewspopFilter 
{
    border-bottom: 0px !important;
    background-color: transparent !important;
}

.bg-blog-04
{
	background-color: #EF4343;
    background-image: url(../images/bg-blog-04.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
}

.bg-blog-03
{
	background-color: #89d482;
}

.bg-blog-02
{
	background-color: #e0c076;
}

.bg-blog-01
{
	background-image: url(../images/bg-empresa-portifolio.jpg);
    background-position: center top;
    background-color: #8cc3ca;
    background-repeat: no-repeat;
}

.bg-blog-01, .bg-blog-02, .bg-blog-03, .bg-blog-04, .bg-blog-05
{
	padding: 30px 0px;
}

#bg-mao-mapa
{
	position: absolute;
	top: 100px;
	left: 0px;
	height: 376px;
	width: 45%;
	z-index: 999;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top right; 
	background-image: url(../images/bg-mao-mapa.png);
}

#bg-nuvens-mapa
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 748px;
	width: 100%;
	z-index: 999;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center; 
	background-image: url(../images/bg-nuvens-mapa.png);
}

.bg-mapa
{
	position: relative;
}

::-webkit-input-placeholder 
{
   	color: #FFF !important;
	font-size: 20px;
	font-weight: normal;
}

:-moz-placeholder 
{
   	color: #FFF !important;
	font-size: 20px;
	font-weight: normal;
}

::-moz-placeholder 
{
   	color: #FFF !important;  
	font-size: 20px;
	font-weight: normal;
}

:-ms-input-placeholder 
{  
   	color: #FFF !important;  
	font-size: 20px;
	font-weight: normal;
}

input#enviar:hover,input.rsform-submit-button.btn.btn-primary
{
	background-color: #FFF !important;
	color: #5e8999 !important;
}

input#enviar,input.rsform-submit-button.btn.btn-primary
{
    float: right;
    height: 61px !important;
    background-color: transparent;
    background-image: none;
    border: 2px solid #FFF !important;
    font-size: 26px;
    text-transform: uppercase;
    padding: 16px 27px !important;
    display: block;
    margin-top: 35px;
}

.gkTabsItem h5 a
{
	color: #FFF;
}

.gkTabsItem h5
{
	font-weight: normal;
	font-size: 18px;
    font-family: 'quicksandlight';
}

.gkTabsItem img:hover
{

	opacity: 0.7;
}

.gkTabsItem img
{
	margin-right: 10px;
	margin-top: 10px;
	opacity: 1;
	cursor: pointer;
}

.gkTabsItem p
{
	margin-bottom: 20px;
}

.gkTabsItem 
{
    font-family: 'quicksandlight';
    color: #FFF;
    font-size: 26px;
    text-align: left;
}

#gk-tabs-122 .gkTabsItem 
{
    font-size: 24px;
    line-height: 30px;
}

.formControlLabel
{
	display: none;
}

.formControls 
{
	margin-left: 0px !important;
}

.rsform textarea 
{
	color: #FFF !important;
	box-shadow: none !important;
	border-left: none !important;
	border-right: none !important;
	border-top: none !important;
	background-color: transparent !important;
	border-bottom: 2px solid #FFF !important;
    width: 100%;
    height: 40px !important;
    border-radius: 0px !important;
    font-size: 20px !important;
    font-family: 'quicksandlight';
}

.rsform input 
{
	color: #FFF !important;
	box-shadow: none !important;
	border-left: none !important;
	border-right: none !important;
	border-top: none !important;
	background-color: transparent !important;
	border-bottom: 2px solid #FFF !important;
    width: 100%;
    height: 40px !important;
    border-radius: 0px !important;
	font-size: 20px !important;
	font-weight: normal !important;
	font-family: 'quicksandlight';
}

.gkTabsWrap.vertical ol li
{
    color: #FFF;
    text-shadow: none;
    box-shadow: none;
    font-size: 24px;
    background-color: transparent !important;
    font-family: 'quicksandlight';
    max-width: 187px;
    padding: 20px 14px !important;
    line-height: 30px !important;
    border: 2px solid #FFF; 
}

.gkTabsWrap.vertical ol li:hover, .gkTabsWrap.vertical ol li.active, .gkTabsWrap.horizontal ol li:hover, .gkTabsWrap.horizontal ol li.active
{
	background-color: #FFF !important;
	color: #5e8999 !important;
	text-shadow: none;
	box-shadow: none;
}

ol.gkTabsNav 
{
    display: inline-block;
    margin: 50px auto !important;
}

.gkTabsWrap.vertical ol 
{
    border-bottom: none;

}

.gkTabsItem.gk-opacity.gk-active, .gkTabsItem.gk-slide_horizontal.gk-active, .gkTabsItem
{
    background-color: transparent;
}

.bg-formularios h3
{
    font-family: 'quicksandregular';
    font-size: 56px;
    color: #FFF;
    text-align: center;
    margin: 0px auto;
    margin-bottom: 60px;
    border-bottom: 1px solid #FFF;
}

.bg-formularios .container .moduletable
{
	z-index: 99;
	position: relative;
}

.bg-formularios .seta 
{
    background-image: url(../images/empresa-seta-baixo-verde.png);
}

.bg-formularios
{
	background-color: #5e8999;
	background-image: url(../images/bg-formularios.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	padding: 60px 0px;
	position: relative;
	width: 100%;
	overflow: hidden;
}

#titulo-fale-conosco span, #titulo-portfolio span, #titulo-clientes span
{
	display: block;
}

#titulo-fale-conosco h1, #titulo-portfolio h1, #titulo-clientes h1
{
	color: #313131;
    text-align: center;
    font-size: 156px;
    font-family: 'EdwardianScriptITC';
    line-height: 37%;
}

#titulo-fale-conosco, #titulo-portfolio, #titulo-clientes
{
    position: absolute;
    bottom: 90px;
    z-index: 30;
    width: 100%;
}

#bg-nuvem-so-com-sombra
{
	background-image: url(../images/bg-nuvem-so-com-sombra.png);
	background-repeat: repeat-x;
	background-position: 50px top;
	width: 100%;
	height: 250px;
}

body#empresa .bg-portfolio h3:after
{
	content: "Nossa equipe está trabalhando duro para não perder as asas que nos tem deixado no topo. Aqui nós sabemos o valor de nossas conquistas, e queremos nunca perdê-las"
}

body#empresa .moduletable h3
{
	width: auto !important;
    max-width: inherit;
}

.bg-empresa-verde img
{
	display: block;
	margin: 0 auto;
}

.descer-translate
{
    -moz-transform: translateX(0px) translateY(100%);
    -webkit-transform: translateX(0px) translateY(100%);
    -o-transform: translateX(0px) translateY(100%);
    -ms-transform: translateX(0px) translateY(100%);
    transform: translateX(0px) translateY(100%);
    z-index: 8 !important;
}

.subir-translate
{
    -moz-transform: translateX(0px) translateY(0px);
    -webkit-transform: translateX(0px) translateY(0px);
    -o-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
    z-index: 6 !important;
}

.bg-explicacao-servico .logo-marca:hover h2, .bg-explicacao-servico .papelaria:hover h2, .bg-explicacao-servico .identidade:hover h2,
.bg-explicacao-servico .logo-marca:hover img, .bg-explicacao-servico .papelaria:hover img, .bg-explicacao-servico .identidade:hover img,
.bg-empresa-verde .visao:hover h2, .bg-empresa-verde .sustentabilidade:hover h2,  .bg-empresa-verde .missao:hover h2, .bg-empresa-verde .valores:hover h2,
.bg-empresa-verde .visao:hover img, .bg-empresa-verde .sustentabilidade:hover img,  .bg-empresa-verde .missao:hover img, .bg-empresa-verde .valores:hover img,
.bg-explicacao-servico .loja:hover h2, .bg-explicacao-servico:hover .loja img,
.bg-explicacao-servico-2 .redes:hover h2, .bg-explicacao-servico-2 .redes:hover img
{
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	height: 0px;
}

.bg-explicacao-servico .logo-marca p, .bg-explicacao-servico .papelaria p, .bg-explicacao-servico .identidade p,
.bg-empresa-verde .visao p, .bg-empresa-verde .sustentabilidade p,  .bg-empresa-verde .missao p, .bg-empresa-verde .valores p,
.bg-explicacao-servico .loja p, 
.bg-explicacao-servico-2 .redes p
{
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	height: 0px;
}

.bg-explicacao-servico .logo-marca:hover p, .bg-explicacao-servico .papelaria:hover p, .bg-explicacao-servico .identidade:hover p,
.bg-empresa-verde .visao:hover p, .bg-empresa-verde .sustentabilidade:hover p,  .bg-empresa-verde .missao:hover p, .bg-empresa-verde .valores:hover p,
.bg-explicacao-servico .loja:hover p,
.bg-explicacao-servico-2 .redes:hover p
{
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	height: auto;
}

.bg-empresa-verde .visao:hover, .bg-empresa-verde .sustentabilidade:hover,  .bg-empresa-verde .missao:hover, .bg-empresa-verde .valores:hover
{
    background-color: rgba(11, 116, 95, 0.90);
}

.bg-empresa-verde .col-md-6 
{
    margin-top: 16px;
    margin-bottom: 16px;
}

.bg-empresa-verde h2
{
	font-size: 20px;
	text-transform: uppercase;
}

.bg-empresa-verde .visao, .bg-empresa-verde .sustentabilidade,  .bg-empresa-verde .missao, .bg-empresa-verde .valores
{
    font-family: 'quicksandregular';
    font-size: 16px;
    text-align: center;
    background-color: rgba(13, 138, 113, 0.90);
    width: 100%;
    margin-bottom: 20px;
	padding: 20px;
	height: 400px;
    display: table-cell;
    vertical-align: middle;
	position: relative;
	z-index: 99;
}

.bg-empresa-verde h3
{
    font-family: 'quicksandregular';
    font-size: 64px;
    color: #FFF;
    text-align: center;
    max-width: 750px;
    margin: 0px auto;
    margin-bottom: 60px;
    border-bottom: 1px solid #FFF;
}

.bg-empresa-verde
{
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 40px 0px;
	color: #FFF;
	background-color: #0e9378;
	background-image: url(../images/bg-empresa-verde.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#box-empresa h3
{
	font-family: 'EdwardianScriptITC';
	font-size: 160px;
	color: #313131;
}

#box-empresa .custom
{
	text-align: justify;
	color: #515151;
	font-size: 20px;
    font-family: 'quicksandregular';
    background-color: #FFF;
    padding: 30px;
    border: 12px solid rgba(173, 173, 173, 0.1);

    -moz-background-clip: border;     /* Firefox 3.6 */
	-webkit-background-clip: border;  /* Safari 4? Chrome 6? */
	background-clip: border-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
					
	-moz-background-clip: padding;     /* Firefox 3.6 */
	-webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
	background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */		
}

#box-empresa 
{
    position: absolute;
    z-index: 9;
    top: 0px;
    width: 100%;
    left: 0px;
    opacity: 0;
}

#slider 
{
	height: 700px;
	width: 700px;
}

.gplusthumbtextwrap 
{
	clear: both;
	margin: 0px !important;
	border-top: none !important;
	padding-top: 0px !important;
}

div.cbmashfeedcontainer span.cbmashfeeditemicon 
{
	float: right;
	margin-top: -20px;
}

.cbmashfeeditemtext.cbmashfeeditemtextgray 
{
	background-color: #b2c5d3;
	padding: 6px;
	color: #4a4747;
	text-align: justify !important;
}

span.cbmashfeedcontenttxt
{
    font-family: 'quicksandregular';
	height: 124px;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0px 16px;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal !important;
}

.gplusthumbfull 
{
	margin: 0;
	overflow: hidden;
	padding: 0px !important;
	border: none !important;
	width: 100% !important;
}

img.cbmashgfeedthumb.gplusthumbimgfull.img-responsive 
{
	height: 345px !important;
	max-width: initial !important;
}

.cbmashfeedcontainergray 
{
	border: none !important;
	background: none transparent !important;
}

.titulo-redes h3 strong, .titulo-redes h3 b
{
    font-family: 'quicksandbold';
}

.titulo-redes h3
{
	font-size: 54px;
    font-family: 'quicksandlight';
}

.bg-redes
{
	background: #e6e6e6; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 1%, #e6e6e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 1%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 1%,#e6e6e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 1%,#e6e6e6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 1%,#e6e6e6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
	padding-top: 40px;
}

.anjinhos-subindo-com-as-pessoas
{
	background-image: url(../images/em-movimento/anjinhos-subindo-com-as-pessoas.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 551px;
	position: absolute;
	top: 500px;
	left: 0px;
}

/*.col-md-12.home-orcamento h2,
.col-md-12.home-orcamento h3
{
	opacity: 0;	
}*/

.topo-redes-sociais-direita img
{
    display: block;
    margin: 0 auto;
}

.container [class^="col-"], #nsp-nsp-87 .nspArts.bottom .nspArt
{
	z-index: 8;
}

#movimento-orcamento-anjinha-ajudando 
{
    width: 13%;
    background-image: url(../images/em-movimento/anjinha-ajudando.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    height: 658px;
    z-index: 5;
    position: absolute;
    right: 10%;
    top: 300px;
    opacity: 0;
    margin-right: -30px;
}

#movimento-orcamento-pessoa-ajudada 
{
    width: 13%;
    background-image: url(../images/em-movimento/pessoa-ajudada.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: contain;
    height: 526px;
    z-index: 5;
    position: absolute;
    right: 30%;
    bottom: -200px;
    opacity: 0;
}

#movimento-portfolio-anjinho
{
    background-image:url(../images/bg-anjinho-identidade-criacao.png) !important;
    /*-webkit-filter: drop-shadow(13px 16px 5px #333);
    -moz-filter: drop-shadow(13px 16px 5px #333);
    -ms-filter: drop-shadow(13px 16px 5px #333);
    -o-filter: drop-shadow(13px 16px 5px #333);
    filter: drop-shadow(13px 16px 5px #333);*/
    -webkit-filter: drop-shadow(13px 16px 5px rgba(51,51,51, 0.7));
    -moz-filter: drop-shadow(13px 16px 5px rgba(51,51,51, 0.7));
    -ms-filter: drop-shadow(13px 16px 5px rgba(51,51,51, 0.7));
    -o-filter: drop-shadow(13px 16px 5px rgba(51,51,51, 0.7));
    filter: drop-shadow(13px 16px 5px rgba(51,51,51, 0.7));  
	width: 14%;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	height: 478px;
	z-index: 999;
	position: absolute;
	left: 3%;
}



#movimento-blog-anjinho
{
	width: 17%;
	background-image:url(../images/em-movimento/anjinho.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	height: 526px;
	z-index: 999;
	position: absolute;
	left: 5%;
}

#movimento-portfolio-passaros-2
{
	width: 18%;
	background-image:url(../images/em-movimento/bg-passaros-verdes.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: contain;
	height: 604px;
	z-index: 5;
	position: absolute;
	right:0px;
}

#movimento-portfolio-passaros
{
	width: 33%;
	background-image:url(../images/em-movimento/bg-passaros-brancos.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	height: 604px;
	z-index: 5;
	position: absolute;
}

#movimento-servicos-nuven
{
	width: 20%;
	background-image:url(../images/em-movimento/nuvem-servicos.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	height: 253px;
	z-index: 5;
	position: absolute;
	left: 5%;
}

#movimento-servicos-anjinha
{
	width: 20%;
	background-image:url(../images/em-movimento/anjinha.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: contain;
	height: 1711px;
	z-index: 5;
	position: absolute;
	right:5%;
}

.custommais-depoimentos img:hover
{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.bg-redes, .box-home-orcamento, .bg-blog, .bg-depoimentos, .bg-portfolio, .bg-servicos, .bg-empresa-verde
{
	position: relative;
}

.bg-empresa-verde .seta
{
	background-image: url(../images/empresa-seta-baixo-verde.png);
}

.bg-redes .seta
{
	background-image: url(../images/seta-baixo-redes.png);
}

.box-home-orcamento .seta
{
	background-image: url(../images/seta-baixo-orcamento.png);
}

.bg-blog .seta
{
	background-image: url(../images/seta-baixo-blog.png);
}

.bg-depoimentos .seta
{
	background-image: url(../images/bg-seta-depoimetos.png);
}

body#empresa .bg-portfolio .seta
{
	background-image: url(../images/empresa-seta-baixo-portifolio.png);
}

.bg-portfolio .seta
{
	background-image: url(../images/seta-baixo-portifolio.png);
}

.bg-servicos .seta
{
	background-image: url(../images/seta-baixo-servicos.png);
}

.bg-servicos .seta, .bg-portfolio .seta, .bg-depoimentos .seta, .bg-blog .seta, .box-home-orcamento .seta, .bg-redes .seta, .bg-empresa-verde .seta, .bg-formularios .seta 
{
	height: 15px;
	width: 30px;
	top: 0px;
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 10; 
	position: absolute;
	display: inline-block;
	margin: 0 auto;
}

.direitos img
{
	margin-top: -20px !important;
}

.direitos p 
{
	text-align: center !important;
	margin-bottom: 0px;
	padding-top: 20px;
}

.acymailing_module_form .acymailing_introtext 
{
	padding-left: 10px !important;
}

.bg-rodape .box
{
	margin-top: 50px;
}

input.button.subbutton.btn.btn-primary:hover
{
	background-color: #2a7793 !important;
}

input.button.subbutton.btn.btn-primary
{
	color: #FFF;
	background-color: #5fb9da;
	border-radius: 0px !important;
	padding-top: 0px !important;
	border: none;
	line-height: 50px;
	background-image: none !important;
}

.newsletter input 
{
	height: 50px !important;
	padding: 0px 10px;
    font-family: 'quicksandregular';
	color: #565656;
	font-size: 18px;
}

body#contato .newsletter p
{
	color: #b3b3b3;
}

.newsletter
{
	text-align: left;
    font-family: 'quicksandregular';
}

body#contato .newsletter h4 
{
	color: #b3b3b3;
}

.newsletter h4 
{
	color: #FFF;
	font-size: 38px;
    font-family: 'quicksandregular';
	margin-top: -10px !important;
	margin-bottom: 4px;
	padding: 0px !important;
}

.moduletablemais-depoimentos img 
{
	margin: 20px auto 0 auto;
	display: block;
}

#topo
{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.layer 
{
	display: block;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
}

#topo-mao-baixo .background
{
	background-size: 100%;
	background-position: top right;
	background-repeat: no-repeat;
	position: absolute;
	width: 60%;
	right: -10%;
	bottom: -3%;
	height: 50% !important;

}

#topo-mao-cima .background
{
	background-size: 100%;
	background-position: bottom left;
	background-repeat: no-repeat;
	position: absolute;
	width: 60%;
	left: -10%;
	top: -3%;
	height: 50% !important;
}

#topo-fundo .background
{
	background-size:cover;
	background-repeat: no-repeat;
	position: absolute;
	width: 120%;
	height: 110% !important;
	left: -10%;
	top: -5%;
	background-position: center;
}

#topo-nuvens-pequenas .background,  #topo-nuvens-grandes .background
{
	background-size: 100%;
	background-position: bottom;
	background-repeat: no-repeat;
	position: absolute;
	width: 110%;
	left: -5%;
	bottom: -5%;
}

#topo-nuvens-cordas .background
{
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	width: 110%;
	left: -5%;
	top: -10%;
}

#logo-mix7
{
	-webkit-transform: translate3d(0px, 0px, 0px);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
}

#logo-anjinho-mix7 img, #logo-mix7 .background img, #topo-anjinha-contato .background img, #topo-anjinho-contato .background img, #topo-anjinho-2-contato .background img,
#topo-anjinha-portfolio img, #topo-topo-portfolio img, #topo-anjinha-clientes img
{
	display: block;
	margin: 0 auto;
}

#topo-mao-baixo .background
{
	background-image: url(../images/topo/bg-mao-baixo.png);
}

#topo-mao-cima .background
{
	background-image: url(../images/topo/bg-mao-cima.png);
}

#topo-nuvens-pequenas .background
{
	background-image: url(../images/topo/topo-nuvens-pequenas.png);
}

#topo-nuvens-cordas .background
{
	background-image: url(../images/topo/topo-nuvens-cordas.png);
}

#topo-nuvens-grandes .background
{
	background-image: url(../images/topo/topo-nuvens-grandes.png);
}

#topo-fundo .background
{
	background-image: url(../images/topo/topo-fundo.jpg);
	background-color: #f1eff0;
}

ul#scene
{
	padding: 0px !important;
}

.bg-barra-preta h2
{
	font-family: 'quicksandregular';
	font-size: 38px;
	margin-bottom: 0px;
}

.bg-barra-preta .moduletable img
{
	margin-right: 20px;
	margin-top: 6px;
}

.bg-barra-preta .moduletable
{
	max-width: 760px;
	margin: 0 auto;
	padding: 20px 0px 30px 0px;
}

.bg-barra-preta
{
	background-color: #2c2c2c;
	color: #FFF;
	text-align: left;
	position: relative;
	font-size: 20px;
	font-family: 'quicksandregular';
}

.descricao-servico-01, .descricao-servico-02, .descricao-servico-03, .descricao-servico-04, .descricao-servico-05, .descricao-servico-06, .descricao-servico-07
{
	width: 100%;
	overflow: hidden;
	border-radius: 50%;
	padding: 50px 12% 0px;
	display: block;
    position: absolute;
}


.servico-01
{
    background-image: url(../../../images/servicos/servico-01.png);
}

.servico-02
{
    background-image: url(../../../images/servicos/servico-02.png);
}

.servico-03
{
    background-image: url(../../../images/servicos/servico-03.png);
}

.servico-04
{
    background-image: url(../../../images/servicos/servico-04.png);
}

.servico-05
{
    background-image: url(../../../images/servicos/servico-05.png);
}

.servico-06
{
    background-image: url(../../../images/servicos/servico-06.png);
}

.servico-07
{
    background-image: url(../../../images/servicos/servico-07.png);
}

.servico-01, .servico-02, .servico-03, .servico-04, .servico-05, .servico-06, .servico-07
{
    background-repeat: no-repeat;
    background-position: center;
    width: 42px;
    height: 30px;
}

.bg-servicos .container
{
    position: relative;
    background-image: url(../images/bg-servicos2.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;

}

.bg-servicos
{
    background-color: #8ec5cc;
    clear: both;
    display: block;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.segura-servicos
{
    /*padding: 1046px 0px 0px 0px;*/
    width: 69%;
    position: relative;
    float: left;
}

.container-branco
{
	background-color: #FFF;
	border-radius: 50%;
	width: 100%;
	height: 768px;
	margin: 2% 0%;
	margin-top: 3%;
	overflow: hidden;
    position: relative;
    z-index: 9;
    border: 8px solid #77acb2;
    outline-offset: -8px;
}

.onde-fica-bola
{
	position: relative;
    float: left;
    width: 16%;
}

#bola
{
	border: 5px solid #FFF;
	background-color: transparent;
	border-radius: 60px;
	width: 60px;
	height: 60px;
	display: block;
	z-index: 999999999999;
	top: 45%;
	cursor: pointer;
	overflow: hidden !important;
	position: absolute;
}

.descricao-servico-07 
{
	/*background-color: #fcc0c0;*/
	background-color: #FFF;
	z-index: 4;
}

.descricao-servico-06 
{
	/*background-color: #fbf0e6;*/
	background-color: #FFF;
	z-index: 5;
}

.descricao-servico-05 
{
	/*background-color: #fce2e2;*/
	background-color: #FFF;
	z-index: 6;
}

.descricao-servico-04 
{
	/*background-color: #d0e2fd;*/
	background-color: #FFF;
	z-index: 7;
}

.descricao-servico-03 
{
	/*background-color: #d5fdd0;*/
	background-color: #FFF;
	z-index: 8;
}

.descricao-servico-02 
{
	/*background-color: #fbeafd;*/
	background-color: #FFF;
	z-index: 9;
}

.descricao-servico-01
{
	/*background-color: #fcfdd0;*/
	background-color: #FFF;
	z-index: 10;
}

a#bg-servicos-link:hover
{
	background-color: rgba(49,97,102, 0.95);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

a#bg-servicos-link 
{
	position: absolute;
	bottom: 6%;
    right: 6%;
	width: 20%;
	background-color: rgba(116,170,176, 0.98);
	background-image: url(../images/ico-mais-servicos.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 36%;
	border: 5px #FFF solid;
	border-radius: 900px;
	z-index: 11;
}

.segura-icons-servicos div::selection, .segura-icons-servicos div::-moz-selection, .segura-icons-servicos div::-webkit-selection,
.segura-icons-servicos::selection, .segura-icons-servicos::-moz-selection, .segura-icons-servicos::-webkit-selection,
.segura-icons-servicos div img::selection, .segura-icons-servicos div img::-moz-selection, .segura-icons-servicos .sai img::-webkit-selection
{
	background-color: #000;
}

.sai img::selection, .sai img::-moz-selection, .sai img::-webkit-selection
{
	background: #000 !important;
}

.segura-servicos img 
{
	margin-top: 40px;
}

.segura-servicos p
{
	text-align: justify;
	color: #2c2c2c;
    font-family: 'quicksandlight';
	font-size: 18px;
}

.segura-servicos h3 
{
	text-align: center;
	padding: 0px 9%;
	margin-bottom: 40px;
	font-size: 40px;
	color: #2c2c2c;
    font-family: 'quicksandregular';
}

.esconde-icone .servico-01, .esconde-icone .servico-02, .esconde-icone .servico-03, .esconde-icone .servico-04, .esconde-icone .servico-05, .esconde-icone .servico-06, .esconde-icone .servico-07
{

    width: 60px;
    height: 60px;
}

.esconde-icone:hover, .esconde-icone.ativo
{
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    background-color: #77acb2;
}

.esconde-icone
{
    border: 6px solid #FFF;
    border-radius: 50%;
    position: absolute;
    overflow: hidden;
    background-color: #FFF;
    -moz-transform: scale(0.2);
    -webkit-transform: scale(0.2);
    -o-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2);
    cursor: pointer;
}

.segura-icons-servicos
{
	position: relative;
	background-color: #77acb2;
	z-index: -9;
	width: 60px;
	padding: 40px 0px 40px 4px;
	margin-top: -274px;
}


.bg-rodape h3
{
	text-align: left;
	color: #5fb9da;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.bg-rodape .rodape-servicos li
{
	display: table-cell; 
	width: 50%;
	float: left;
}

.bg-rodape ul
{
	margin: 0px;
	padding: 0px;
}

.bg-rodape li
{
	list-style: none;
	text-align: left;
}

.bg-rodape a:hover
{
	color: #5fb9da;
}

.bg-rodape p, .bg-rodape a
{
	color: #FFF;
	text-decoration: none;
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.direitos p
{
	width: 100%;
	display: block;
}

body#portfolio .direitos p:first-child, body#portfolio-items .direitos p:first-child,
body#adwords .direitos p:first-child, body#identidade-visual .direitos p:first-child, body#loja-virtual .direitos p:first-child, body#redes-sociais .direitos p:first-child, 
body#seo .direitos p:first-child, body#webdesign .direitos p:first-child, body#clientes .direitos p:first-child

{
	background-image: url(../images/fita-logo-rodape-transparente-branco.png);
	background-position: center;
	background-repeat: repeat-x;
}

body#blog .direitos p:first-child, body#noticias .direitos p:first-child, body#depoimentos .direitos p:first-child
{
	background-image: url(../images/fita-logo-rodape-transparente.png);
	background-position: center;
	background-repeat: repeat-x;
}

body#empresa .direitos p:first-child, body#contato .direitos p:first-child
{
	background-image: url(../images/empresa-fita-logo-rodape.jpg);
	background-position: center;
	background-repeat: repeat-x;
}

body#home .direitos p:first-child
{
	background-image: url(../images/fita-logo-rodape.jpg);
	background-position: center;
	background-repeat: repeat-x;
}

.direitos img:hover
{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

body#empresa .direitos img:hover, body#contato .direitos img:hover, body#portfolio .direitos img:hover, body#portfolio-items .direitos img:hover
body#adwords .direitos img:hover, body#identidade-visual .direitos img:hover, body#loja-virtual .direitos img:hover, body#redes-sociais .direitos img:hover, body#seo .direitos img:hover, 
body#webdesign .direitos img:hover, body#clientes .direitos img:hover

{
	-webkit-filter: brightness(1);
}

body#empresa .direitos img, body#contato .direitos img, body#portfolio .direitos img, body#portfolio-items .direitos img,
body#adwords .direitos img, body#identidade-visual .direitos img, body#loja-virtual .direitos img, body#redes-sociais .direitos img, body#seo .direitos img, body#webdesign .direitos img,
body#clientes .direitos img
{
	-webkit-filter: brightness(4);
}

.direitos img
{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
	display: block;
	margin: 0 auto;
	cursor: pointer;
}

body#home .bg-rodape .container 
{
    padding-top: 1000px;
    position: relative;
}

.bg-rodape .container 
{
    padding-top: 50px;
}

body#blog .bg-rodape a:hover, body#noticias .bg-rodape a:hover, body#depoimentos .bg-rodape a:hover
{
	color: #5fb9da;
}

body#blog .newsletter h4, body#blog .bg-rodape p, body#blog .bg-rodape a, body#noticias .newsletter h4, body#noticias .bg-rodape p, body#noticias .bg-rodape a,
body#depoimentos .newsletter h4, body#depoimentos .bg-rodape p, body#depoimentos .bg-rodape a
{
    color: #404040;
}

body#clientes .bg-rodape 
{
    padding-bottom: 36px !important;
    border-bottom: 50px solid #4b4b4b;
    background: #4d4d4d; /* Old browsers */
    background: -moz-linear-gradient(top,  #4d4d4d 0%, #747474 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #4d4d4d 0%,#747474 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #4d4d4d 0%,#747474 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#747474',GradientType=0 ); /* IE6-9 */
}

body#portfolio .bg-rodape, body#portfolio-items .bg-rodape
{
    background-color: #358a8e;
    padding-bottom: 36px !important;
}

body#blog .bg-rodape, body#noticias .bg-rodape, body#depoimentos .bg-rodape
{
    background-image: url(../images/bg-rodape-blog.jpg) !important;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-color: #fafafa !important;
    padding-bottom: 36px !important;
    padding-top: 246px;
    position: relative;
    overflow: hidden;
}

body#adwords .bg-rodape, body#identidade-visual .bg-rodape, body#loja-virtual .bg-rodape, body#redes-sociais .bg-rodape, body#seo .bg-rodape, body#webdesign .bg-rodape
{
    background-image: url(../images/bg-servicos.jpg) !important;
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #8e6851 !important;
    padding-bottom: 62px !important;
    padding-top: 40px;
}

body#contato .bg-rodape
{
    background-image: url(../images/bg-rodape-branco.jpg) !important;
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #4c7c62 !important;
    padding-bottom: 36px !important;
}

body#empresa .bg-rodape 
{
    background-image: url(../images/bg-rodape-empresa.jpg) !important;
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #4c7c62 !important;
    padding-bottom: 36px !important;
}

body#home .bg-rodape
{
	background-image: url(../images/bg-rodape.jpg);
	background-position: top center;	
	background-repeat: no-repeat;
	background-color: #2c2c2c;
	padding-bottom: 56px;
}

a.botao-orcamento:hover
{
	background-color: rgba(255,255,255,0.7);
	color: #000;
	border: 1px solid #242424;
}

a.botao-orcamento
{
    background-color: rgba(0,0,0,0.7);
    color: #FFF;
    font-family: 'quicksandregular';
    font-size: 32px;
    display: inline-block;
    width: auto;
    padding: 10px 16px;
    margin: 58px auto 0 auto;
    border: 1px solid #a6a6a6;
    text-decoration: none;
}

.box-home-orcamento h2, .box-home-orcamento h3
{
    font-family: 'stackyard_personal_useregular';
	font-size: 94px;
	color: #FFF;
	text-shadow: 2px 2px 18px #000;
}

.box-home-orcamento
{
	min-height: 1000px;
	width: 100%;
	overflow: hidden;
	position: relative;
	padding-top: 12%;
}

.bg-home-orcamento
{
	background-image: url(../images/bg-agencia.jpg);
	background-repeat: repeat-y;
	background-size: cover;
	min-height: 1600px;
	width: 100%;
	position: absolute;
	top: 0px;
}

.bg-blog .blog-secundario .nspArt h4
{
	font-size: 18px !important;
}

.bg-blog .blog-secundario .nspArt 
{
	margin-bottom: 18px;
}

.bg-blog p.nspInfo.nspInfo11.tleft.fnone 
{
	float: left;
	width: 58px;
	height: 63px;
	text-align: center;
	font-size: 20px;
	background-color: #2c2c2c;
	margin-top: -20px;
	position: relative;
	color: #FFF;
	font-family: 'quicksandlight';
	margin-right: 14px;
	margin-left: 12px;
	line-height: 22px;
	padding-top: 10px;
}

.bg-blog p.nspInfo
{
	float: left;
}

.bg-blog .nspArt p.nspText
{
    font-family: 'quicksandlight';
	font-size: 16px;
	padding: 12px !important;
	clear: both;
}

.bg-blog .nspArt h4
{
    font-family: 'quicksandregular';
	padding: 12px;
	font-size: 21px;
	line-height: 21px;
	text-align: justify;
}

.bg-blog .nspArt a:hover
{
	text-decoration: none;
}

.bg-blog .nspArt:hover a
{
	color: #000;
}

.bg-blog .nspArt a
{
	color: #FFF;
}

.bg-blog .nspArt a.nspImageWrapper
{
	overflow: hidden;
	position: relative;
	background-color: #000;
}

.bg-blog .nspArt:hover img.nspImage
{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	opacity: 1;
}

.bg-blog .nspArt img.nspImage
{
	opacity: 0.5;
}

.bg-blog .nspArt:hover
{
	background-color: #FFF; 
}

.blog-secundario
{
	margin: 0px !important;
	padding: 0px !important;
}

.blog-secundario .nspArt.nspCol2
{
	margin-left: 1%;
	width: 49%;
}

.bg-blog .nspArt
{
	background-color: #0c604f;
	padding: 4px !important;
}

.bg-blog h3:after 
{
	content: 'Acompanhe de perto as novidades do mundo virtual';
	display: block !important;
	font-size: 20px;
	border-top: 1px solid #FFF;
	margin-top: 20px;
	padding-top: 10px;
}

.bg-blog h3 
{
	font-family: 'quicksandregular';
	font-size: 57px;
	color: #FFF;
	text-align: center;
	max-width: 750px;
	margin: 0px auto;
	margin-bottom: 40px;
}

.bg-blog
{
	background-image: url(../images/bg-blog.jpg);
	background-position: top center;
	background-repeat: repeat;
	padding: 40px 0px;
}

.puxar-descricao-depoimento p
{
	font-size: 16px;
	color: #4a4747;
}

.puxar-descricao-depoimento h2
{
	font-size: 26px;
	color: #2c2c2c;
	font-weight: bold;
    font-family: 'quicksandregular';
}

.puxar-descricao-depoimento
{
	text-align: justify;
    font-family: 'quicksandregular';
}

.puxar-img-depoimento .bg-asas img
{
	margin: 0 auto;
	max-width: 100%;
	width: 22% !important;
	height: auto !important;
}

.puxar-img-depoimento .bg-asas
{
	background-size: 100%;
	background-image: url(../images/asa-depoimentos.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
	padding: 14% 0px 9% 6%;
	transform:rotate(-17deg);
	-ms-transform:rotate(-17deg); /* IE 9 */
	-webkit-transform:rotate(-17deg); /* Opera, Chrome, and Safari */}

.bg-depoimentos .nspArt h4, .bg-depoimentos .nspArt p
{
	display: none !important;
}

.bg-depoimentos .nspArt:nth-child(4) img
{
	transform:rotate(-7deg);
	-ms-transform:rotate(-7deg); /* IE 9 */
	-webkit-transform:rotate(-7deg); /* Opera, Chrome, and Safari */
}

.bg-depoimentos .nspArt:nth-child(4)
{
	transform:rotate(7deg);
	-ms-transform:rotate(7deg); /* IE 9 */
	-webkit-transform:rotate(7deg); /* Opera, Chrome, and Safari */
}

.bg-depoimentos .nspArt:nth-child(3) img
{
	transform:rotate(-3deg);
	-ms-transform:rotate(-3deg); /* IE 9 */
	-webkit-transform:rotate(-3deg); /* Opera, Chrome, and Safari */
}

.bg-depoimentos .nspArt:nth-child(3)
{
	transform:rotate(3deg);
	-ms-transform:rotate(3deg); /* IE 9 */
	-webkit-transform:rotate(3deg); /* Opera, Chrome, and Safari */
}

.bg-depoimentos .nspArt:nth-child(2) img
{
	transform:rotate(3deg);
	-ms-transform:rotate(3deg); /* IE 9 */
	-webkit-transform:rotate(3deg); /* Opera, Chrome, and Safari */
}

.bg-depoimentos .nspArt:nth-child(2)
{
	transform:rotate(-3deg);
	-ms-transform:rotate(-3deg); /* IE 9 */
	-webkit-transform:rotate(-3deg); /* Opera, Chrome, and Safari */
}

.bg-depoimentos .nspArt:nth-child(1) img
{
	transform:rotate(7deg);
	-ms-transform:rotate(7deg); /* IE 9 */
	-webkit-transform:rotate(7deg); /* Opera, Chrome, and Safari */
}

.bg-depoimentos .nspArt:nth-child(1)
{
	transform:rotate(-7deg);
	-ms-transform:rotate(-7deg); /* IE 9 */
	-webkit-transform:rotate(-7deg); /* Opera, Chrome, and Safari */
}

.bg-depoimentos .nspArt a
{
	background-size: 100%;
	background-image: url(../images/asa-depoimentos.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
	padding: 14% 0px 9% 6%;
}

.bg-depoimentos .nspArt:hover img
{
	-WEBKIT-FILTER: GRAYSCALE(0%);
}

.bg-depoimentos .nspArt img
{
	margin: 0 auto;
	max-width: 100%;
	width: 22% !important;
	height: auto !important;
	-WEBKIT-FILTER: GRAYSCALE(100%);
}

.bg-depoimentos .customtitulo h3 b, .bg-depoimentos .customtitulo h3 strong
{
    font-family: 'quicksandbold';
}

.bg-depoimentos .customtitulo h3 span
{
	display: block;
}

.bg-depoimentos .customtitulo h3
{
	font-size: 56px;
	color: #2c2c2c;
	margin: 0 auto;
    font-family: 'quicksandlight';
	line-height: 64px;
	margin-bottom: 57px;
    border-bottom: 2px solid #2c2c2c !important;
    padding-bottom: 10px;
}

.bg-depoimentos #nsp-nsp-89
{
	margin-top: 40px;
}

body#webdesign .bg-depoimentos
{
    background-color: #B6CDD3 !important;
    background-position: bottom center !important;
    background-image: url(../images/bg-nuvens-azul-claro-redes.jpg) !important;  
}

.bg-depoimentos
{
	background-image: url(../images/bg-depoimentos.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #edf2f1;
	padding: 40px;
}

.bg-portfolio-page-itens .gkTabsWrap.vertical
{
	background-color: #ecebec !important;
}

.bg-portfolio-page-itens .gkTabsItem
{
	padding: 0px !important;
	margin: 0px !important;
}

.bg-portfolio-page-itens .nspArts
{
	padding: 0px !important;
	margin: 0px !important;
}

.bg-portfolio-page-itens li.gkTab.gkTabs-1, .bg-portfolio-page-itens li.gkTab.gkTabs-2, .bg-portfolio-page-itens li.gkTab.gkTabs-3, .bg-portfolio-page-itens li.gkTab.gkTabs-4, 
.bg-portfolio-page-itens li.gkTab.gkTabs-5, .bg-portfolio-page-itens li.gkTab.gkTabs-6, .bg-portfolio-page-itens li.gkTab.gkTabs-7
{
	font-size: 16px !important;
	text-transform: uppercase;
	max-width: inherit !important;
}


.bg-portfolio-page-itens li.gkTab.gkTabs-1, .bg-portfolio-page-itens li.gkTab.gkTabs-1.active, .bg-portfolio-page-itens li.gkTab.gkTabs-1:hover
{
	color: #313131 !important;
}

.bg-portfolio-page-itens li.gkTab.gkTabs-2, .bg-portfolio-page-itens li.gkTab.gkTabs-2.active, .bg-portfolio-page-itens li.gkTab.gkTabs-2:hover
{
	color: #bebebe !important;
}

.bg-portfolio-page-itens li.gkTab.gkTabs-3, .bg-portfolio-page-itens li.gkTab.gkTabs-3.active, .bg-portfolio-page-itens li.gkTab.gkTabs-3:hover
{
	color: #c9bd88 !important;
}

.bg-portfolio-page-itens li.gkTab.gkTabs-4, .bg-portfolio-page-itens li.gkTab.gkTabs-4.active, .bg-portfolio-page-itens li.gkTab.gkTabs-4:hover
{
	color: #c06f10 !important;
}

.bg-portfolio-page-itens li.gkTab.gkTabs-5, .bg-portfolio-page-itens li.gkTab.gkTabs-5.active, .bg-portfolio-page-itens li.gkTab.gkTabs-5:hover
{
	color: #599ab9 !important;
}

.bg-portfolio-page-itens li.gkTab.gkTabs-6, .bg-portfolio-page-itens li.gkTab.gkTabs-6.active, .bg-portfolio-page-itens li.gkTab.gkTabs-6:hover
{
	color: #3d7b43 !important;
}

.bg-portfolio-page-itens li.gkTab.gkTabs-7, .bg-portfolio-page-itens li.gkTab.gkTabs-7.active, .bg-portfolio-page-itens li.gkTab.gkTabs-7:hover
{
	color: #a55858 !important;
}

.bg-portfolio-page-itens ol.gkTabsNav 
{
    margin: 0px !important;
}

.bg-portfolio-page-itens .gkTabsItem img 
 {
    margin: 0px !important;
}

.bg-portfolio .nspArt img.nspImage:hover, .bg-portfolio-page-itens .nspArt img.nspImage:hover
{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	opacity: 1;
}

.bg-portfolio .nspArt img.nspImage, .bg-portfolio-page-itens .nspArt img.nspImage
{
	opacity: 0.5;
}

.bg-portfolio .nspArt:hover a.readon.fright, .bg-portfolio-page-itens .nspArt:hover a.readon.fright
{
	bottom: 0px;
	right: 0px;
}

.bg-portfolio a.readon.fright, .bg-portfolio-page-itens a.readon.fright
{
	width: 61px;
	height: 57px;
	position: absolute;
	bottom: -60px;
	right: -60px;
	background-image: url(../images/ver-mais-portifolio.png);
	background-position: left top;
	background-color: transparent !important;
	background-repeat: no-repeat;
	font-size: 0px;
}

.bg-portfolio .nspArt a, .bg-portfolio-page-itens .nspArt a
{
	overflow: hidden;
    width: 100%;
    height: 100%;
}

.bg-portfolio .nspArt, .bg-portfolio-page-itens .nspArt
{
	position: relative;
	overflow: hidden;
}

.bg-portfolio h3
{
    font-family: 'quicksandregular';
	font-size: 64px;
	color: #FFF;
	text-align: center;
	max-width: 750px;
	margin: 0px auto;
	margin-bottom: 40px;
}

.bg-portfolio h3:after
{
	content: 'Atendemos empresas que procuram algo a mais, clientes que não se conformam em ter apenas o bonito e não vender ou vender pouco por não ter o bonito';
	display: block !important;
	font-size: 20px;
	border-top: 1px solid #FFF;
	margin-top: 20px;
	padding-top: 10px;
}

.bg-portfolio .moduletable
{
	z-index: 10;
}

body#clientes .bg-portfolio h3
{
    max-width: inherit !important;
}

body#clientes .bg-portfolio h3:after
{
    content: 'Os piratas do design, os WWW da programação, os cientistas projetistas, os nobres do financeiro. Somos todos diferentes, mas estamos no paraíso.';
    display: block !important;
    font-size: 20px;
    border-top: 1px solid #FFF;
    margin-top: 20px;
    padding-top: 10px;
}

body#clientes .bg-portfolio
{
    background-image: url(../images/bg-empresa-portifolio.jpg);
    background-position: center top;
    background-color: #8cc3ca;
    background-repeat: no-repeat;
    clear: both;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 40px 0px;
}
 
body#empresa .bg-portfolio
{
	background-image: url(../images/bg-empresa-portifolio.jpg);
	background-position: center top;
	background-color: #8cc3ca;
	background-repeat: no-repeat;
	clear: both;
	position: relative;
	width: 100%;
	padding: 40px 0px;
}
 
body#home .bg-portfolio
{
	background-image: url(../images/bg-portifolio.jpg);
	background-position: center top;
	background-color: #5d8f95;
	background-repeat: no-repeat;
	clear: both;
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 40px 0px;
}

.icemegamenu > ul > li:hover > a > span, .icemegamenu > ul > li.active > a span
{
	color: #FFF !important;
}

.nav>li>a:hover, .nav>li>a:focus, .nav>li.active, .nav>li>.separator:hover, .icemegamenu > ul > li:hover > a, .icemegamenu > ul > li.active > a
{
	background-color: #5fb9da;
	cursor: pointer;
	color: #FFF !important;
}

.nav>li>a, .nav>li>.separator, .icemegamenu > ul > li > a.iceMenuTitle > span
{
	position: relative;
	display: block;
	/*padding: 10px 15px;*/
	color: #726e6e;
    font-family: 'quicksandregular';
    font-size: 14px;
    text-shadow: none;
}

.navbar-default 
{
	background-color: transparent !important;
	border: none !important;
}

div.navbar.navbar-default li.active ul.icesubMenu a span
{
    color: #726e6e;
}

ul.icesubMenu ul > li:hover > a > span, div.navbar.navbar-default li.active ul.icesubMenu > li a:hover span, div.navbar.navbar-default ul.icesubMenu li.active a span
{
	color: #FFF;
	text-shadow: none !important;
}

ul.icesubMenu ul > li:hover > a, ul.icesubMenu ul > li.active > a 
{
    background-color: #5fb9da;
    color: #FFF;
}

ul.icesubMenu > li > span
{
	text-shadow: none;
}

ul.icesubMenu > li 
{
	margin: 0px !important;
	text-shadow: none !important;
}

ul.icesubMenu > li a.iceMenuTitle
{
	padding-left: 0px !important;
	background-image: none !important;
}

#menu-topo li
{
	/*float: left;*/
}

.icemegamenu > ul
{
	background-color: transparent !important;
}

/*.logo-menu img
{
	opacity: 0;
}*/

#menu-topo.fixar-menu .logo-menu
{
	width: 124px;
	height: 60px;
}

#logo-menu
{
	float: left;
	opacity: 0;
}

.bg-contactar.fixo
{
    bottom: -100px;
    position: fixed;
    width: 100%;
    z-index: 9999 !important;
}

#menu-topo.fixar-menu
{
	z-index: 9998 !important;
	position: fixed !important;
	top: 0 !important;
}

.menu-aberto 
{
	background-color: rgba(255,255,255,0.9);
}

#menu-recolhido
{
	background-image: url(../images/menu-recolhido.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 0px;
	width: 100%;
	top:0;
}

#menu-topo
{
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 70px;
	z-index: 999;
}

div.navbar.navbar-default li.active a
{
	color: #FFF;
}

div.navbar.navbar-default li
{
	margin: 0px 10px;
}

div.navbar.navbar-default
{
	display: inline-block;
	margin: 10px auto;
    font-family: 'quicksandregular';
	font-size: 14px;
}

.parallax-layer
{
	position: absolute;
}


#topo
{
	clear: both;
	position: relative;
	overflow: hidden;
}

.parallax-viewport 
{
	width: 100%;
	max-width: 60em;
	height: 20em;
	background-color: #aebcc9;
}
    
.diagram 
{
	margin-top: -0.75em;
}
    
small 
{
	text-transform: uppercase;
}

/*------------- Setas Rolagem-------------*/

/* <Home> */

body#home .bg-portfolio:before {
    content: "";
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-top: 15px solid #8EC5C8;
    position: absolute;
    top: 0;
    left: 49%;
    z-index: 1;
}

#home .bg-depoimentos:before {
    content: "";
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-top: 15px solid #5D8F95;
    position: absolute;
    top: 0;
    left: 49%;
    z-index: 1;
}

#home .bg-blog:before {
    content: "";
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-top: 15px solid #EBF1EF;
    position: absolute;
    top: 0;
    left: 49%;
    z-index: 1;
}


#home .box-home-orcamento:before {
    content: "";
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-top: 15px solid #0E9378;
    position: absolute;
    top: 0;
    left: 49%;
    z-index: 1;
}

/* </Home> */

/* <webdesign> */

body#webdesign .bg-video:before {
    content: "";
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-top: 15px solid #3B9097;
    position: absolute;
    top: 0;
    left: 49%;
    z-index: 1;
}

body#webdesign .bg-portfolio:before {
    content: "";
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-top: 15px solid #578DA9;
    position: absolute;
    top: 0;
    left: 49%;
    z-index: 1;
}

body#webdesign .bg-depoimentos:before {
    content: "";
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-top: 15px solid #0E9378;
    position: absolute;
    top: 0;
    left: 49%;
    z-index: 1;
}

body#webdesign .bg-rodape:before {
    content: "";
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-top: 15px solid #BBCFD6;
    position: absolute;
    top: 0;
    left: 49%;
    z-index: 1;
}
/* </webdesign> */

/* <Clientes> */

body#clientes .bg-depoimentos:before {
    content: "";
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-top: 15px solid #8CC3CA;
    position: absolute;
    top: 0;
    left: 49%;
    z-index: 1;
}


/* </Clientes> */


/* <Contato> */

body#contato .bg-mapa:before {
    content: "";
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-top: 15px solid #6D9BAA;
    position: absolute;
    top: 0;
    left: 49%;
    z-index: 1;
}

/* </Contato> */

#menu-topo:after {
    content: "";
    border-top: 15px solid rgba(255, 255, 255, 1);
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    display: block;
    width: 0;
    height: 0;
    margin: 0 auto;
    left: 49%;
}

body#empresa .bg-portfolio:before {
    content: "";
    position: absolute;
    border-top: 15px solid rgb(14, 158, 131);
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    text-align: center;
    width: 0;
    height: 0;
    margin: 0 auto;
    top: 0;
    left: 49%;
}


.bg-contactar:after {
    content: "";
    position: absolute;
    border-top: 15px solid #FFFFFF;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    width: 0;
    height: 0;
    margin: 0 auto;
    bottom: -15px;left: 49%;
}

body#adwords .bg-video:before {
    content: "";
    position: absolute;
    border-top: 15px solid #457E92;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    width: 0;
    height: 0;
    margin: 0 auto;
    top: 0;
    left: 49%;
}

body#adwords .bg-depoimentos:before, body#identidade-visual .bg-depoimentos:before {
    content: "";
    position: absolute;
    border-top: 15px solid #EBEBEB;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    width: 0;
    height: 0;
    margin: 0 auto;
    top: 0;
    left: 49%;
}

body#identidade-visual .bg-portfolio:before {
    content: "";
    position: absolute;
    border-top: 15px solid #EBEBEB;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    width: 0;
    height: 0;
    margin: 0 auto;
    top: 0;
    left: 49%;
}

body#loja-virtual .bg-video:before {
    content: "";
    position: absolute;
    border-top: 15px solid #D46C49;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    width: 0;
    height: 0;
    margin: 0 auto;
    top: 0;
    left: 49%;
}

body#loja-virtual .bg-portfolio:before {
    content: "";
    position: absolute;
    border-top: 15px solid #EBEBEB;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    width: 0;
    height: 0;
    margin: 0 auto;
    top: 0;
    left: 49%;
}

body#loja-virtual .bg-depoimentos:before {
    content: "";
    position: absolute;
    border-top: 15px solid #64667D;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    width: 0;
    height: 0;
    margin: 0 auto;
    top: 0;
    left: 49%;
}

body#loja-virtual .bg-rodape:before {
    content: "";
    position: absolute;
    border-top: 15px solid #BFCDD6;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    width: 0;
    height: 0;
    margin: 0 auto;
    top: -1px;
    left: 49%;
}

body#redes-sociais .bg-explicacao-servico-2:before {
    content: "";
    position: absolute;
    border-top: 15px solid #526A90;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    width: 0;
    height: 0;
    margin: 0 auto;
    top: -1px;
    left: 49%;
}

body#redes-sociais .bg-video:before {
    content: "";
    position: absolute;
    border-top: 15px solid #EBEBEB;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    width: 0;
    height: 0;
    margin: 0 auto;
    top: -1px;
    left: 49%;
}

body#redes-sociais .bg-portfolio:before {
    content: "";
    position: absolute;
    border-top: 15px solid #3E97A7;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    width: 0;
    height: 0;
    margin: 0 auto;
    top: -1px;
    left: 49%;
}

body#redes-sociais .bg-depoimentos:before {
    content: "";
    position: absolute;
    border-top: 15px solid #0E9378;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    width: 0;
    height: 0;
    margin: 0 auto;
    top: 0;
    left: 49%;
}
.bg-rodape {
    position: relative;
}

body#adwords .bg-rodape:before {
    content: "";
    position: absolute;
    border-top: 15px solid #01826C;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    width: 0;
    height: 0;
    margin: 0 auto;
    top: 0;
    left: 49%;
}

body#identidade-visual .bg-video:before {
    content: "";
    position: absolute;
    border-top: 15px solid #D4BE8C;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    width: 0;
    height: 0;
    margin: 0 auto;
    top: 0;
    left: 49%;
}

body#identidade-visual .bg-depoimentos:before {
    content: "";
    position: absolute;
    border-top: 15px solid #6B627D;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    width: 0;
    height: 0;
    margin: 0 auto;
    top: 0;
    left: 49%;
}

body#identidade-visual .bg-rodape:before {
    content: "";
    position: absolute;
    border-top: 15px solid #618EA3;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    width: 0;
    height: 0;
    margin: 0 auto;
    top: 0;
    left: 49%;
}

body#redes-sociais .bg-rodape:before {
    content: "";
    position: absolute;
    border-top: 15px solid #BCD1D6;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    width: 0;
    height: 0;
    margin: 0 auto;
    top: 0;
    left: 49%;
}

body#seo .bg-explicacao-servico-2:before {
    content: "";
    position: absolute;
    border-top: 15px solid #0E9378;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    width: 0;
    height: 0;
    margin: 0 auto;
    top: 0;
    left: 49%;
}

body#seo .bg-video:before {
    content: "";
    position: absolute;
    border-top: 15px solid #5F8AAC;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    width: 0;
    height: 0;
    margin: 0 auto;
    top: 0;
    left: 49%;
}

body#seo .bg-depoimentos:before {
    content: "";
    position: absolute;
    border-top: 15px solid #EBEBEB;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    width: 0;
    height: 0;
    margin: 0 auto;
    top: 0;
    left: 49%;
}

body#seo .bg-rodape:before {
    content: "";
    position: absolute;
    border-top: 15px solid #756192;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    width: 0;
    height: 0;
    margin: 0 auto;
    top: 0;
    left: 49%;
}

.bg-blog-01, .bg-blog-02, .bg-blog-03, .bg-blog-04, .bg-blog-05 {
    position: relative;
}

.bg-blog-02:before {
    content: "";
    position: absolute;
    border-top: 15px solid #8CC3CA;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    width: 0;
    height: 0;
    margin: 0 auto;
    top: 0;
    left: 49%;
}

.bg-blog-03:before {
    content: "";
    position: absolute;
    border-top: 15px solid #E0C076;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    width: 0;
    height: 0;
    margin: 0 auto;
    top: 0;
    left: 49%;
}

.bg-blog-04:before {
    content: "";
    position: absolute;
    border-top: 15px solid #89D482;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    width: 0;
    height: 0;
    margin: 0 auto;
    top: 0;
    left: 49%;
}

.bg-blog-05:before {
    content: "";
    position: absolute;
    border-top: 15px solid #F65251;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    width: 0;
    height: 0;
    margin: 0 auto;
    top: 0;
    left: 49%;
}

/*-------------  /Setas Rolagem-------------*/

body
{
	background: #FFF;
	color: #000000;
	font-size: 100.1%;
	padding: 0px;
	text-align: center;
}

body.contentpane 
{
	width:auto;
	margin:10px;
	text-align: left;
}

img 
{ 
	border: 0 none; 
}

a, a:hover
{
	text-decoration: none;
}

body#portfolio .nspArtPage.active.nspCol1 {
    background-color: #89B6BB;
}

#clientes #movimento-portfolio-passaros{
    z-index: 0;
}

.col-md-12.blog-baixo {
    clear: both;
}

.voltar-top {
    bottom: 10%;
    position: absolute;
    right: 5%;
    height: 40px;
    width: 40px;
    background-image: url(../images/voltar-top.png);
    background-size: cover;
    cursor: pointer;
    border-radius: 50%;
    border: 3px solid #0AB3DE;
}

.voltar-top:hover {
    background-color: #FFF;
}

#clientes .bg-portfolio .yjnewspopIcons.infoItem {
    display: none;
}

/** Formulário************ Willian */

.campo input::-webkit-input-placeholder 
{
    color: #333 !important;
    font-size: 14px;
    font-weight: normal;
}

.campo input:-moz-placeholder 
{
    color: #333 !important;
    font-size: 14px;
    font-weight: normal;
}

.campo input::-moz-placeholder 
{
    color: #333 !important;  
    font-size: 14px;
    font-weight: normal;
}

.campo input:-ms-input-placeholder 
{  
    color: #333 !important;  
    font-size: 14px;
    font-weight: normal;
}

/** Fim Formulário**/
.rsform-block.rsform-block-horario-comercial .formControlLabel, .rsform-block.rsform-block-horario-nao-comercial .formControlLabel, .rsform-block.rsform-block-preferencia-de-contato .formControlLabel {
    display: block;
    width: 100%;
    text-align: left;
}
.rsform-block.rsform-block-horario-comercial input, .rsform-block.rsform-block-horario-nao-comercial input, .rsform-block.rsform-block-preferencia-de-contato input {
    height: auto !important;
}