@font-face {
    font-family: 'terminaw05-boldregular';
    src: url('../fonts/termina_w05_bold-webfont.woff2') format('woff2'),
         url('../fonts/termina_w05_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html { margin: 0; padding: 0; overflow-x: hidden !important;	}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0;  font-style: inherit; font-weight: inherit; outline: 0; vertical-align: baseline; margin: 0; padding: 0;}
:focus { outline: 0; }
ol, ul { list-style: none;}
table { border-collapse: separate; border-spacing: 0;}
caption, th, td {font-weight: normal; text-align: left;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
i, em {font-style: italic;}
b, strong {font-weight: bold;}
small {font-size: 10px;}
big {font-size: 16px;}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
h1, h2, h3, h4, h5, h6 { display: block; margin: 0; font-weight: 700;}
a{text-decoration: none; color: #fff;}
a:hover{text-decoration: none; color: #eee;}
h1 {font-size: 64px;}
h2 {font-size: 42px;}
h3 {font-size: 26px;}
h4 {font-size: 18px;}
h5 {font-size: 14px;}
h6 {font-size: 10px;}

.clear { clear: both;}

body {margin: 0; padding: 0; font-size:18px; font-family: 'Open Sans', sans-serif;font-weight:400; overflow-x: hidden !important; color: #202020; line-height: 150%; color:#fff;}

.termina{font-family: 'terminaw05-boldregular';}

::-webkit-scrollbar {width: 6px}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);-webkit-border-radius: 10px;border-radius: 10px}
::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background: #999;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)}
::-webkit-scrollbar-thumb:window-inactive {background: #999;}

.grecaptcha-badge{display: none;}
.afsmenu__lockscroll {
overflow-y: hidden !important;
position: relative !important;
overflow-x: hidden !important;
}

/* HOME */
#home{background:#000; color: #fff;}
#home .row{height:100vh;}
h1.logo{font-size: 168px;}

 @keyframes reveal {
	 80% {
		 letter-spacing: 8px;
	}
	 100% {
		 background-size: 300% 300%;
	}
}
 @keyframes glow {
	 40% {
		 text-shadow: 0 0 8px #fff;
	}
}
 
ul.menu li{padding: 6px 0;}
ul.menu li a{color: #fff; font-size: 28px; text-decoration: none; font-weight: 700; text-transform: uppercase;transition: all 0.3s ease-in-out;}
ul.menu li a:hover{padding-left: 10px;}
.animalogo{transform: scale(1.8); float: right;}


#manifesto{background: #3b44a2;}
#manifesto h1{line-height:60px; margin-bottom: 20px;}
.manifestoimg img{max-width:480px; height: auto; width: 100%;}
#sobre{background: #000; color:#fff; font-size: 18px; line-height: 160%;}

img.sobreimg{max-width:640px; height: auto; width: 100%;}
p{margin-bottom:10px;}
#servicos{color: #101010; background: #fff;}
.accordion-header a{color: #101010;cursor: pointer;/*border-bottom: 2px solid #101010;*/}
#flush-heading1 a{color: #48c898;cursor: pointer;/*border-bottom: 2px solid #48c898;*/}
#flush-heading2 a{color: #fd4b2f;cursor: pointer;/*border-bottom: 2px solid #fd4b2f;*/}
#flush-heading3 a{color: #3b44a2;cursor: pointer;/*border-bottom: 2px solid #3b44a2;*/}
#flush-heading4 a{color: #ffcc00;cursor: pointer;/*border-bottom: 2px solid #ffcc00;*/}

#quemfaz{background:#48c898; color:#000; font-size: 18px; line-height: 160%; padding:80px 0;}
img.quemfazimg{max-width:480px; height: auto; width: 100%;}

.quemfaztit{background: #fd4b2f; width: 240px; height: 240px; color:#fff; text-align: center; vertical-align: middle;border-radius: 50%; padding-top:110px; font-size:36px; position: absolute; margin-top:220px; margin-left: -120px;}

.accordion-item{border: 0;margin-bottom:20px}
.accordion-collapse{padding: 10px 0; font-size: 18px;}

.animaservicos, .animaservicos2{transform: scale(1.2)}
.animaservicos2 svg{transform: rotate(180deg);}
.sprite1{margin-top: -500px; right: 0; position: absolute; height: 600px;color: #fd4b2f;}
.sprite2{margin-top: -100px; left: 0; position: absolute; height: 500px; color: #000;}
.sprite3{width:48px; height:auto; }
.sprite4{width:95px; height:auto; }
.sprite5{width:110px; height:auto; }
.sprite6{width:64px; height:auto; }
.sprite7{width:580px; height:auto; margin-top: -300px; margin-left:200px;}
.fancybox__content{padding:10px!important; background:#000!important;}
.animated {
  overflow: hidden;
	color: #000;
  width:100%;
  white-space: nowrap;
}

.animated > * {
  display: inline-block;
  position: relative;
  animation: 3s ease 1s infinite alternate move;
}

.animated > *.min {
  min-width: 100%;
}

@keyframes move {
  0%,
  25% {
    transform: translateX(0%);
    left: 0%;
  }
  75%,
  100% {
    transform: translateX(-100%);
    left: 100%;
  }
}


/* PORTFOLIO */
#portfolio .slider .left, #portfolio .slider .right {z-index: 5; width:30px; height:50px; background: transparent; position: absolute; top:47%; display: block; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; text-align: center; color:#DD0556; font-size: 30px!important; border-radius: 50%; transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;}
#portfolio .slider .left {left:-60px; padding-right: 4px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M10.828 12l4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414z' fill='white' /%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
#portfolio .slider .right {right:-60px; padding-left: 4px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z' fill='white' /%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
#portfolio .slider .left:hover, #portfolio .slider .right:hover {color:#DD0556;}

#portfolio .slider .item{margin:20px; font-size: 16px;}
#portfolio .slider img{width: 100%; height: auto;}

#portfolio a{color: #fff;}
h3{padding:5px 0 2px;}

#portfolio{background: #000; color: #fff;}
#portfolio figure{overflow: hidden;}

#portfolio figure img{
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#portfolio figure:hover img{
	-webkit-transform: rotate(2deg) scale(1.1);
	transform: rotate(2deg) scale(1.1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}


#trendsinsights{background: #fff; color: #000;}
#trendsinsights .container-fluid{max-width: 1520px; width: 100%;}
.blogpost{font-size: 16px;color:#000}
.blogpost a{color:#000}
.blogpost img{max-width:400px; width: 100%; height: auto; filter:grayscale(100);transition: all 0.30s ease-in-out; }
.blogpost:hover img{filter:grayscale(0);}
h4{padding:10px 0 2px; text-transform: uppercase;}

.btnmais{background: #000; color:#fff !important; padding: 15px 80px; border: 0; margin: 0 auto; margin-top:40px !important; transition: all 0.35s ease-out;display: block; font-size: 14px;}
.alm-load-more-btn.done{display: none!important}

#contato{background: #ffb100; color:#000}
#contato h2{color:#fff;}
img.contatoimg{max-width:800px; height: auto; width: 100%;}

.mailc{background:#fff; color:#000; border:0; padding:10px 20px; width:75%; font-size:16px;}
.mailb{background:#000; color:#fff; text-align: center; padding:10px;width:25%;font-size:16px; border:0}
.newstxt{font-size:16px;}

.post img.size-large {width: 100%;height: auto;}
.aligncenter img {width: 100%;height: auto;}
.aligncenter {display: block;margin: 0 auto;}
.alignright {float: right;margin: 0 0 1em 1em;}
.alignnone {float: none;margin: 0 1em 1em 0;}
.alignleft {float: left;margin: 0 1em 1em 0;}
.floatleft {float: left;}
.floatright {float: right;}
.aligncenter, .alignright, .alignleft {margin-top: 5px;}
.alignnone {margin-bottom: 10px;}
img.aligncenter, img.alignnone {width: 100%;height: auto;margin-bottom: 10px;}


@media only screen and (max-device-width: 1680px), screen and (max-width: 1680px) {
	body{ font-size: 16px;}
	h1 {font-size: 42px;}
	h2 {font-size: 32px;}
	h3 {font-size: 20px;}
	h4 {font-size: 14px;}
	h5 {font-size: 14px;}
	h6 {font-size: 10px;}
	#manifesto h1{line-height:40px;}
	h1.logo{font-size: 128px;}
	ul.menu li a{font-size: 20px;}
	.animalogo{transform: scale(1.4);}
	.manifestoimg img{max-width:280px; height: auto; width: 100%;}
	.sobretit{width: 200px; height: 200px; padding-top:90px; font-size:36px; margin-top:230px; margin-left: -90px;}
	.accordion-collapse{padding: 10px 0; font-size: 14px;}
	.animaservicos, .animaservicos2{transform: scale(1.0)}
	.sprite1{margin-top: -300px; height: 300px;}
	.sprite2{margin-top: -50px; height:320px;}
	.sprite7{width:380px; height:auto; margin-top: -350px; margin-left:200px;}
	#trendsinsights .container-fluid {max-width: 1140px;}
	#sobre{font-size: 16px; padding-top:80px;}
	
}

@media only screen and (max-device-width: 1366px), screen and (max-width: 1366px) {
	body{font-size: 14px;}
	#sobre{font-size: 14px;}
	#manifesto{font-size: 14px;}
	#quemfaz{font-size: 14px;}
}

@media only screen and (max-device-width: 990px), screen and (max-width: 990px) {

}

@media only screen and (max-device-width: 860px), screen and (max-width: 860px) {
	#trendsinsights{margin-bottom:40px;}
}

@media only screen and (max-device-width: 700px), screen and (max-width: 700px ) {
	body{ font-size: 14px;}
	h1.logo{font-size: 68px;}
	#manifesto{padding: 0 40px;}
	#quemfaz{padding:40px;}
	#sobre .sobre{padding:40px;}
	.animalogo{transform: scale(1.0); float: none;display: inline-block;margin: 0 auto;text-align: center;}
	.menu{text-align: center;}
	#home .col-12 {text-align: center;}
	.manifestoimg img{max-width:380px; height: auto; width: 100%; margin-bottom: 20px;}
	.sprite1{margin-top: -400px; height: 100px;}
	.sprite2{margin-top: -150px; height:150px;}
	.sprite7{width:180px; height:auto; margin-top: -50px; margin-left:180px;}
	.animaservicos{transform: scale(.6)}
	.animaservicos2{transform: scale(.6)}
	.sobretit{width: 140px; height: 140px; padding-top:65px; font-size:20px; margin: 0 auto; margin-top:-72px; position: relative;}
	.servicos{text-align: center;}
	.servicos h3{font-size: 14px!important;}
	.accordion-item{background: 0;}
	#flush-heading1 a, #flush-heading2 a, #flush-heading3 a{border-bottom:0;}
	.resumo{display: none;}
	
	#contato{text-align: center; padding-bottom:40px;}
	#contato h3{margin-top: 40px;}
	.slick-list{margin: 0 40px;}
	#portfolio .slider .left{left:0;}
	#portfolio .slider .right {right:0;}
	#sobre{font-size:16px;}
	.mailc{width: 60%;}
}