@import url("https://fonts.googleapis.com/css?family=Oswald:300,400");
@import url("https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700");

html * { max-height:1000000px; }
html, body { height:100%; }
body { padding:0; }

/*texto*/
.txtDstq { font-family:'Oswald', sans-serif; font-weight:300; }
.txtNrml { font-family:'PT Sans Narrow', sans-serif; font-weight:400; }

h2 { color:#918AC2; font-family:'Oswald', sans-serif; font-weight:400; text-transform:uppercase; }
h3, h4, h5, h6 { color:#FFFFFF; font-family:'Oswald', sans-serif; font-weight:400; text-transform:uppercase; text-align:center; }

.ClrBnco { color:#FFF; }
.ClrCnza { color:#777; }
.ClrLils { color:#918AC2; }
.ClrRoxo { color:#694982; }

.lnHght100 { line-height:100%; }
.lnHght125 { line-height:125%; }
.lnHght150 { line-height:150%; }

.txtBld { font-weight:bold; }
.txt400 { font-weight:400; }
.txtUpr { text-transform:uppercase; }

.fntItlc { font-style:italic; }
.jstf { text-align:justify; }
/*texto*/

.mrgnTop20px { margin-top:20px; }
.mrgnBot20px { margin-bottom:20px; }

#blckTop { background-color:#413156; }
#blckMenuCpu { height:220px; }

#menuCpu { list-style:none; text-align:center; }
#menuCpu li { display:inline; margin-right:10px; }
#menuCpu li a { font-family:'Oswald', sans-serif; font-weight:400; text-transform:uppercase; color:#FFF; font-size:30px; }
#menuCpu li a:link, #menuCpu li a:visited { text-decoration:none!important; }
#menuCpu li a:hover, #menuCpu li a:active { text-decoration:none!important; color:#918AC2; }

#menuExt { list-style:none; text-align:center; }
#menuExt li { display:inline; margin-right:10px; }
#menuExt li a { font-family:'Oswald', sans-serif; font-weight:400; text-transform:uppercase; color:#FFF; font-size:24px; text-shadow:#413156 -1px -1px; }
#menuExt li a:link, #menuExt li a:visited { text-decoration:none!important; }
#menuExt li a:hover, #menuExt li a:active { text-decoration:none!important; color:#918AC2; }

.LinkActive a { color:#918AC2!important; }/*renwd*/

div.slider-p { background:url(../images/bg-slider.jpg) no-repeat; position:relative; }
div.agencia-p { background:url(../images/bg-agencia.jpg) no-repeat; position:relative; }
div.servicos-p { background:url(../images/bg-servicos.jpg) no-repeat; position:relative; }
div.portfolio-p { background:url(../images/bg-portfolio.jpg) no-repeat; position:relative; }
div.clientes-p { background:url(../images/bg-clientes.jpg) no-repeat; position:relative; }
div.contato-p { background:url(../images/bg-contato.jpg) no-repeat; position:relative; }

.slider-p:before, .agencia-p:before, .servicos-p:before, .portfolio-p:before, .clientes-p:before, .contato-p:before { content:""; position: absolute; top:0; left:0; right:0; bottom:0; opacity: 1.0; }
.slider-p:before, .servicos-p:before, .clientes-p:before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGklEQVQYV2NkQID/jFD2fwYGBkYQB8wACQIANlIDAxhXBkcAAAAASUVORK5CYII=); }
.agencia-p:before, .portfolio-p:before, .contato-p:before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGklEQVQYV2NkYGD4z8DAwMgAI2ACYBEo+A8ANmwDA2HBzXsAAAAASUVORK5CYII=); }

.carousel-control.left, .carousel-control.right { background-image:none; }
#Crsl-servicos { background-color:#413156; }
#Crsl-portfolio { background-color:#FFF; }
#Crsl-clientes { background-color:#FFF; }
#Crsl-contato { background-color:#413156; }
#Crsl-social { background: #413156; background: -moz-linear-gradient(45deg, #413156 0%, #324 50%, #413156 100%); background: -webkit-linear-gradient(45deg, #413156 0%, #324 50%, #413156 100%); background: linear-gradient(45deg, #413156 0%, #324 50%, #413156 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#413156', endColorstr='#324', GradientType=1 ); /*box-shadow:0 0 3px 1px #111;*/}

/*Bloco Extra*/
#Blc-Extra-Bg { background: #413156; background: -moz-linear-gradient(45deg, #413156 0%, #704B9C 50%, #413156 100%); background: -webkit-linear-gradient(45deg, #413156 0%, #704B9C 50%, #413156 100%); background: linear-gradient(45deg, #413156 0%, #704B9C 50%, #413156 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#413156', endColorstr='#704B9C', GradientType=1 ); height:auto; display:none; position:fixed; top:0; left:0; width:100%; z-index:100; box-shadow:0 0 3px 1px #111; }
#LogoExtra { margin:20px 0; }
/*Bloco Extra*/

/*Filtro Portfólio*/
.cbp-l-filters-alignRight .cbp-filter-item { background-color:#A5CE37; color:#FFF; font:400 17px "PT Sans Narrow", sans-serif; text-shadow: #A3BC2C -1px -1px; border:none; text-transform:none; padding:5px; }
.cbp-l-filters-alignRight .cbp-filter-item:hover { color:#FFF; }
.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active { background-color:transparent; color:#AAA; font-size:19px; cursor:default; text-transform:uppercase; text-shadow:none;}
.cbp-l-filters-alignRight .cbp-filter-counter { font:400 16px "PT Sans Narrow", sans-serif; background-color:#A5CE37; color:#FFF; text-shadow: #A3BC2C -1px -1px; }
.cbp-l-filters-alignRight .cbp-filter-counter:after { border-top:4px solid #A5CE37; }
/*Filtro Portfólio*/

/*formulário contato / discar*/
label { display:block; font-family:'Oswald', sans-serif; font-weight:300; color:#FFF; font-size:16px; text-transform:uppercase; text-shadow:-1px -1px #413156; }
textarea { height:120px; resize:none; }
input[type="text"],textarea { width:100%; font-size:18px; color:#918AC2; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAH0lEQVQYV2NkYGBgMFZy+X/23h5GEA0mYBwQzUhQBQBVLRs1Id1rcAAAAABJRU5ErkJggg==); border:1px solid #918AC2; padding:5px; }
input[type="reset"],input[type="submit"],input[type="text"] { outline:none!important; }
.btn-warning{ background:#324; border:none; font-family:'Oswald', sans-serif; font-weight:300; color:#FFF; font-size:16px; text-transform:uppercase; }
.btn-warning:focus { background:#324!important; }
.btn-warning:hover, .btn-warning:active, .btn-warning:visited { background:#918AC2!important; }
.btn-success { border:none; font-family:'Oswald', sans-serif; font-weight:300; color:#FFF; font-size:16px; text-transform:uppercase; border-radius:0; width:97%; margin-top:7px; }
label#contact { visibility:hidden!important; opacity:0!important; display:none; }
/*formulário contato / discar*/

/*social*/
#wa-icn a, #ig-icn a, #fb-icn a { font-family:'Oswald', sans-serif; font-weight:300; color:#FFF; font-size:19px; text-shadow: #213 -1px -1px; }
#wa-icn a:hover, #wa-icn a:focus, #ig-icn a:hover, #ig-icn a:focus, #fb-icn a:hover, #fb-icn a:focus { text-decoration:none; }
#wa-icn img, #ig-icn img, #fb-icn img { /*box-shadow: 3px 3px 30px 1px #213;*/ }
/*social*/

/*CELULAR*/
@media (max-width:767px) {
#LogoTopCell { background-color:#413156; }
div.slider-p, div.agencia-p, div.servicos-p, div.portfolio-p, div.clientes-p, div.contato-p { background-position:center center; display:flex; flex-direction:column; background-size:cover; }
.tamPdr { font-size:16px; }
.tamMdo { font-size:20px; }
#LgPhn { width:85%; }
#bnnr01, #bnnr02, #LgPhn { margin:20px auto; }
h2 { font-size:36px; text-shadow:#000 1px 1px; }
h3, h4, h5, h6 { font-size:36px; text-shadow:#000 -1px -1px; margin:100px auto; }
h6 { font-size:36px; }
.shdwBco { text-shadow:#FFF 1px 1px; }
.shdwPrt { text-shadow:#000 1px 1px; }
/*Bloco Menu*/
#Blc-Menu-Bg { background-color:#777; position:relative; z-index:10; }
#Blc-Menu { position:relative; }
#Blc-Menu-F01 { height:48px; background-color:#777; }
#Blc-Discar-Bg { background-color:#777; position:relative; z-index:10; }
#Blc-Discar { position:relative; }
#Blc-Discar-F01 { height:48px; background-color:#413156; text-align:center; }
#Crsl-servicos, #Crsl-clientes, #Crsl-portfolio, #Crsl-contato, #Crsl-social { padding:20px; }
.LstSrvcs { list-style:square inside; font-family:'PT Sans Narrow', sans-serif; font-weight:400; color:#7A75B5; font-size:20px; text-transform:uppercase; padding:0 0 0 20px; }
.LstSrvcs li { font-family:'Oswald', sans-serif; font-weight:300; color:#FFF; font-size:16px; }
/*Bloco Menu*/
/*Menu*/
#icon { background:none; border:none; cursor:pointer; float:right; margin:0; }
.jvscrpt { display:none; }
.rwdnav { margin:0; position:relative; }
.rwdnav ul { background:#666; font-size:0px; margin:0; padding:0; position:absolute; right:0; top:48px; width:100%; z-index:1; border-bottom:12px solid #777; }
.rwdnav ul li { display:inline-block; font-size:18px; line-height:38px; min-width:0; padding-left:0; position:relative; text-align:right; width:100%; border-top:1px solid #777; border-bottom:1px solid #555;}
.rwdnav ul li:last-child { border-bottom:none; }
.rwdnav ul li:first-child { border-top:none;}
.rwdnav ul li:hover { background:none; cursor:pointer; }
.rwdnav ul li a { background:none; color:#FFF; width:100%; display:inline-block; font-family:'Oswald', sans-serif; font-weight:300; text-transform:uppercase; text-shadow:-1px -1px #555; padding:5px 10px; text-decoration:none; }
/*Menu*/
#wa-icn, #ig-icn { margin-bottom:20px; }
}
/*CELULAR*/

/*TABLET vtl*/
@media (min-width:768px) and (max-width:979px) {
h2 { font-size:46px; }
h3, h4, h5, h6 { font-size:92px; }
/*h6 { font-size:46px; }*/
.tamPdr { font-size:20px; }
.tamMdo { font-size:26px; }
#Crsl-servicos, #Crsl-contato, #Crsl-social { padding:40px 18px!important; }
}
/*TABLET vtl*/

/*TABLET vtl + DESKTOP*/
@media (min-width:768px) and (max-width:1199px) {
.LstSrvcs li { list-style:square outside; }
}
/*TABLET vtl + DESKTOP*/

/*TABLET vtl + DESKTOP + HD*/
@media (min-width:768px) {
div.slider-p { width:100%; background-size:cover; height:0; padding-top:36%; }/*(img-height/img-width*container-width)*//*(580/1600*100)*/
div.agencia-p { width:100%; background-size:cover; height:0; padding-top:58%; }/*(img-height/img-width*container-width)*//*(940/1600*100)*/
div.servicos-p { width:100%; background-size:cover; height:0; padding-top:56%; }/*(img-height/img-width*container-width)*//*(896/1600*100)*/
div.portfolio-p { width:100%; background-size:cover; height:0; padding-top:50%; }/*(img-height/img-width*container-width)*//*(675/1600*100)ampliado!*/
div.clientes-p { width:100%; background-size:cover; height:0; padding-top:50%; }/*(img-height/img-width*container-width)*//*(702/1600*100)ampliado!*/
div.contato-p { width:100%; background-size:cover; height:0; padding-top:56%; }/*(img-height/img-width*container-width)*//*(895/1600*100)*/
div.slider-f, div.agencia-f, div.servicos-f, div.portfolio-f, div.clientes-f, div.contato-f { position:absolute; top:0; bottom:0; left:0; right:0; }
.DspTble { display:table; height:100%; }
.DspCell { display:table-cell; vertical-align:middle; }
h1 { margin:0; }
h2 { text-shadow:#000 1px 1px; }
h3, h4, h5, h6 { text-shadow:#000 -1px -1px; }
.shdwBco { text-shadow:#FFF 1px 1px; }
.shdwPrt { text-shadow:#000 1px 1px; }
#Crsl-servicos, #Crsl-contato, #Crsl-social { padding:40px; }
#Crsl-clientes, #Crsl-portfolio { padding:40px 0; }
.IcnSrvcs { width:145px; height:145px; }
.LstSrvcs { list-style:square inside; font-family:'PT Sans Narrow', sans-serif; font-weight:400; color:#7A75B5; font-size:26px; text-transform:uppercase; padding:0 0 0 20px; }
.LstSrvcs li { font-family:'Oswald', sans-serif; font-weight:300; color:#FFF; font-size:16px; }
#myCarousel2 > .carousel-inner > .item, #myCarousel3 > .carousel-inner > .item { height:490px; }
#menuExt { margin-top:4.4%; }
}
/*TABLET vtl + DESKTOP + HD*/

/*DESKTOP + HD*/
@media (min-width:980px) {
h2 { font-size:60px; }
h3, h4, h5, h6 { font-size:120px; }
/*h6 { font-size:60px; }*/
.tamMin { font-size:16px; }
.tamPno { font-size:20px; }
.tamPdr { font-size:26px; }
.tamMdo { font-size:34px; }
.tamGde { font-size:118px; }
}
/*DESKTOP + HD*/

/*HD*/
@media (min-width: 1200px) {
#menuCpu { margin-top:3.4%; }
.IcnSrvcs { float:left; }
.LstSrvcs { float:left; }
#myCarousel2 > .carousel-inner > .item, #myCarousel3 > .carousel-inner > .item { height:344px; }
}
/*HD*/
