.share-wrapper2.desktop {
	display: block;
}

.share-wrapper2.mobile {
	display: none;
}

.toggle-menu{
	cursor: pointer;
	width: 35px;
	position: relative;
	height: 28px;
	margin: 15px 0 5px;
	
}

.toggle-menu div{
	position: absolute;
	right: 0px;
	height: 8px;
	background: #191919;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    animation-name: shadow; 
	animation-duration: 4s;
	animation-delay: 4s; 
	animation-iteration-count: 5;
}

@keyframes shadow {
	0%, 40%, 60%, 80%, 100% {
    	box-shadow: none;
  	}
	50%, 70% {
    	box-shadow: 0px 0px 10px #4c05ed;
  	}
}

.toggle-menu .bar-1{
	top: 4px;
	width: 30px;
}

.toggle-menu .bar-2{
	top: 16px;
	width: 30px;
}

.toggle-menu .bar-3{
	top: 28px;
	width: 30px;
}

.toggle-menu:hover div{
	background: #4c05ed !important;
}

.toggle-menu.active .bar-1{
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 10px;
	animation-name: none;
}

.toggle-menu.active .bar-2{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 30px;
	top: 10px;
	animation-name: none;
}

.arrow-wrapper{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	opacity: 1
	-webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

.arrow-wrapper.faded{
	opacity: 0;
	pointer-events: none;
}

.arrow-wrapper .arrow{
	width: 45px;
	height: 30px;
	margin: 0 auto;
	position: relative;
	cursor: pointer;
	animation-name: bounce; 
	animation-duration: 2s;
	animation-delay: 5s; 
	animation-iteration-count: 3;
}


@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
    	transform: translateY(0);
  	}
	40% {
    	transform: translateY(-30px);
  	}
	60% {
    	transform: translateY(-15px);
  	}
}

.arrow-wrapper .arrow div{
	position: absolute;
	background: #191919;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 30px;
    height: 10px;
}

.arrow-wrapper .arrow:hover div{
	background: #4c05ed;
}

.arrow-wrapper .arrow.white div{
	background: #fff;
}

.arrow-wrapper .arrow div.arrleft{
	top: 0;
	left: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.arrow-wrapper .arrow div.arrright{
	top: 0;
	right: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.rt-maintop .team-wrapper{
	position: relative;
	height: 100%;
}

.rt-maintop .team-wrapper .row-3{
	background: #eaebed;
	position: relative;
	height: 50%;
}

.rt-maintop .team-wrapper .team-item{
	position: relative;
	height: 100%;
	background-size: cover !important;
	overflow: hidden;
	cursor: pointer;
	background: url('../images/equipa/p-female.jpg') no-repeat center center;
}

.rt-mainbottom .team-wrapper{
	background: #191919;
}

.rt-mainbottom .team-wrapper .team-item{
	position: relative;
	height: 450px;
	background-size: cover !important;
	overflow: hidden;
	cursor: pointer;
	background: url('../images/equipa/p-female.jpg') no-repeat center center;
}

.team-wrapper .team-item.show-all a{
	display: block;
	width: 100%;
	height: 100%;
}

.team-wrapper .row-3 .team-item.lsoldado{
	background: url('../images/equipa/p-luis-soldado.jpg') no-repeat center center;
}

.team-wrapper .row-3 .team-item.lsoldado:hover{
	background: url('../images/equipa/luis-soldado.gif') no-repeat center center;
}

.team-wrapper .row-3 .team-item.sborralho{
	background: url('../images/equipa/p-silvia.jpg') no-repeat center center;
}

.team-wrapper .row-3 .team-item.sborralho:hover{
	background: url('../images/equipa/silvia-borralho.gif') no-repeat center center;
}

.team-wrapper .row-3 .team-item.ifilipa{
	background: url('../images/equipa/p-iris.jpg') no-repeat center center;
}

.team-wrapper .row-3 .team-item.ifilipa:hover{
	background: url('../images/equipa/iris-filipa.gif') no-repeat center center;
}

.team-wrapper .row-3 .team-item.mbarata{
	background: url('../images/equipa/p-marco.jpg') no-repeat center center;
}

.team-wrapper .row-3 .team-item.mbarata:hover{
	background: url('../images/equipa/marco-barata.gif') no-repeat center center;
}

.team-wrapper .row-3 .team-item.aferreira{
	background: url('../images/equipa/p-ana-ferreira.png') no-repeat center center;
}

.team-wrapper .row-3 .team-item.aferreira:hover{
	background: url('../images/equipa/ana-ferreira.gif') no-repeat center center;
}

.team-wrapper .row-3 .team-item.sboutchich{
	background: url('../images/equipa/p-sanaa.png') no-repeat center center;
}

.team-wrapper .row-3 .team-item.sboutchich:hover{
	background: url('../images/equipa/sanaa.gif') no-repeat center center;
}

.team-wrapper .row-3 .team-item.nikita{
	background: url('../images/equipa/b-mostra.jpg') no-repeat center center;
}

.team-wrapper .row-3 .team-item.dsantos{
	background: url('../images/equipa/p-daniel-santos.jpg') no-repeat center center;
}

.team-wrapper .row-3 .team-item.dsantos:hover{
	background: url('../images/equipa/daniel-santos.gif') no-repeat center center;
}

.team-wrapper .row-3 .team-item.rcardoso{
	background: url('../images/equipa/p-ricardo-cardoso.jpg') no-repeat center center;
}

.team-wrapper .row-3 .team-item.rcardoso:hover{
	background: url('../images/equipa/ricardo-cardoso.gif') no-repeat center center;
}

.team-wrapper .row-3 .team-item.show-all{
	background: url('../images/equipa/p-pikachu.jpg') no-repeat center center;
}
.team-wrapper .row-3 .team-item.show-all:hover{
	background: url('../images/equipa/pikachu.gif') no-repeat center center;
}

.team-item .team-details{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 100%;
	left: 0;
	text-align: center;
	background: #fff;
	-webkit-transition: top .3s;
    -moz-transition: top .3s;
    -o-transition: top .3s;
    transition: top .3s;
}

.team-item.active .team-details{
	top: 0;
}

.team-item .team-details h2{
	text-transform: uppercase;
	color: #ece405;
	font-size: 30px;
	font-family: 'brandon_grotesquebold';
	padding: 15% 0 5%;
}

.team-item .team-details h5{
	text-transform: uppercase;
}

.team-item .team-details .social{
	position: absolute;
	bottom: 10%;
	left: 0;
	width: 100%;
	text-align: center;
}

.team-item .team-details .social a{
	display: inline-block;
	height: 25px;
	width: 35px;
}

.team-item .team-details .social a.lin{
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="21.24" height="21.96" viewBox="0 0 21.24 21.96"><path fill="%23333" d="M4.72 21.96H0V5.44h4.72v16.52zM2.506 4.427c-1.223 0-2.21-.99-2.21-2.214C.295.99 1.285 0 2.505 0 3.73.002 4.72.994 4.72 2.213c0 1.223-.99 2.214-2.214 2.214zM21.24 21.96h-4.72V11.745c0-1.196-.342-2.034-1.812-2.034-2.438 0-2.907 2.035-2.907 2.035V21.96H7.08V5.44h4.72v1.578c.675-.517 2.36-1.576 4.72-1.576 1.53 0 4.72.916 4.72 6.448v10.07z"/></svg>') no-repeat center center;
	background-size: auto 100%;
}

.team-item .team-details .social a.ben{
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="26px" height="21px" viewBox="-0.062 -0.119 26 19"><path fill="%23333" d="M10.692,8.693c0,0,2.449-0.209,2.449-3.519	c0-3.31-2.003-4.925-4.541-4.925H3.929H3.792H0.25v18.495h3.542h0.137H8.6c0,0,5.097,0.186,5.097-5.458 C13.697,13.287,13.92,8.693,10.692,8.693z M7.999,3.538H8.6c0,0,1.135,0,1.135,1.924S9.068,7.665,8.311,7.665H3.929V3.538H7.999z M8.364,15.458H3.929v-4.943H8.6c0,0,1.692-0.025,1.692,2.54C10.292,15.217,9.028,15.441,8.364,15.458z M20.496,4.956	c-6.172,0-6.166,7.106-6.166,7.106s-0.423,7.069,6.166,7.069c0,0,5.49,0.361,5.49-4.918h-2.823c0,0,0.095,1.989-2.573,1.989	c0,0-2.824,0.218-2.824-3.219h8.315C26.081,12.984,26.99,4.956,20.496,4.956z M17.735,10.515c0,0,0.345-2.851,2.823-2.851 s2.448,2.851,2.448,2.851H17.735z M23.664,3.617h-6.621V1.339h6.621V3.617z"/></svg>') no-repeat center center;
	background-size: auto 100%;
}

.team-item .team-details .social a.vid{
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="35px" height="18px" viewBox="0 0 100 85"><path fill="%23333" d="M91.648,29.694c-1.056-4.57-4.81-7.938-9.327-8.441c-10.699-1.191-21.527-1.934-32.309-1.928 c-10.782-0.006-21.611,0.737-32.311,1.928c-4.517,0.503-8.269,3.871-9.324,8.441c-1.501,6.506-1.52,13.607-1.52,20.307 c0,6.699,0,13.8,1.502,20.307c1.056,4.566,4.808,7.938,9.325,8.438c10.699,1.191,21.527,1.934,32.31,1.929 c10.782,0.005,21.611-0.737,32.309-1.929c4.518-0.501,8.271-3.872,9.327-8.438c1.501-6.507,1.512-13.608,1.512-20.307 C93.142,43.302,93.15,36.2,91.648,29.694 M64.711,51.988l-20.34,10.997c-2.022,1.094-3.677,0.107-3.677-2.191V39.207 c0-2.299,1.654-3.286,3.677-2.192l20.34,10.998C66.734,49.105,66.734,50.895,64.711,51.988"/></svg>') no-repeat center center;
	background-size: auto 100%;
}

/* *  ScrollTab  * */
.scroll-tab{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 100%;
	-webkit-transition: top .5s .2s, box-shadow .5s;
    -moz-transition: top .5s .2s, box-shadow .5s;
    -o-transition: top .5s .2s, box-shadow .5s;
    transition: top .5s .2s, box-shadow .5s;
}

.scroll-tab.active{
	z-index: 1;
	top: 0;
	-webkit-box-shadow: 0px 0px 0px 1000px rgba(25,25,25,1);
	-moz-box-shadow: 0px 0px 0px 1000px rgba(25,25,25,1);
	box-shadow: 0px 0px 0px 1000px rgba(25,25,25,1);
}

.scroll-tab.prev{
	top: -100%;
}

.scroll-tab.tab1{
	background: #e2e2e4;
}

.scroll-tab.tab1 .intro-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('../images/main.png') no-repeat center bottom;
        background-repeat:no-repeat;
        background-size:contain;
        background-position:center;
}

.scroll-tab.tab2{
	background: #f7f7f7;
}

.scroll-tab.tab2 .intro-agency-img{
	background: url('../images/bg-about.gif') repeat center center;	
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.scroll-tab.tab3{
	background: #f7c818;
}

.scroll-tab.tab5{
	background: #ffffff;
}

.scroll-nav{
	position: fixed;
	top: 50%;
	right: 40px;
	z-index: 3;
	margin-top: -5%;
}

.scroll-nav .scroll-elem{
	position: relative;
	width: 5px;
	height: 5px;
	padding: 10px;
	margin: 10px 0;
	cursor: pointer;
	-webkit-transition: width .3s, height .3s, padding .3s;
    -moz-transition: width .3s, height .3s, padding .3s;
    -o-transition: width .3s, height .3s, padding .3s;
    transition: width .3s, height .3s, padding .3s;
}

.scroll-nav .scroll-elem:hover, .scroll-nav .scroll-elem.active{
	padding: 8px;
	width: 9px;
	height: 9px;
}

.scroll-nav .scroll-elem .elem-name{
	position: absolute;
	color: #4C23E9 !important;
	top: 0;
	right: 25px;
	text-transform: uppercase;
	width: 0px;
	text-align: right;
	font-size: 12px;
	font-family: 'brandon_grotesquebold';
	line-height: 26px;
	height: 26px;
	overflow: hidden;
	-webkit-transition: width .3s;
    -moz-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
}
.scroll-nav .scroll-elem:hover .elem-name{
	width: 100px;
}

.scroll-nav .scroll-elem span{
	background: #191919;
	display: block;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

.home-phrase a{
	max-width: 1400px;
	display: inline-block;
}

.home-phrase span{
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="61.188" height="51.621" viewBox="0 0 61.188 51.621"><path fill="%23191919" d="M48.49 51.62c7.23 0 12.697-5.288 12.697-11.812s-5.466-11.64-11.814-11.64c-2.997 0-5.29.883-5.466.883.176-12.342 10.05-19.924 11.99-21.51 1.234-1.06 1.587-2.822.53-4.057L53.78 1.015C52.546-.395 51.134-.22 49.724.838 45.142 4.893 33.856 15.65 33.856 32.753c0 14.46 8.288 18.868 14.635 18.868zm-34.03 0c7.228 0 12.695-5.288 12.695-11.812s-5.466-11.64-11.814-11.64c-2.997 0-5.113.883-5.465.883.176-12.342 10.05-19.924 11.99-21.51 1.41-1.06 1.587-2.822.53-4.057l-2.645-2.47C18.516-.396 17.28-.22 15.87.838 11.287 4.893 0 15.65 0 32.753 0 47.213 8.11 51.62 14.46 51.62z"/></svg>') no-repeat top left 5px;
	display: inline-block;
	padding: 20px 40px 0;
}

.project-slider .project-item{
	width: 50%;
	height: 100%;
	padding-right: 50%;
	text-align: right;
	background-position: right 20% bottom;
	background-repeat: no-repeat;
	background-size: auto 80%;
}

.project-slider .project-item h1{
	color: #fff;
	font-family: 'brandon_grotesquebold';
	padding: 30% 0 10% 25%;
	font-size: 70px;
	pointer-events: none;
}

.project-slider .project-item a.project-link{
	color: #fff;
	font-family: 'brandon_grotesquebold';
	padding: 10px 15px;
	border: 2px solid #fff;
	text-transform: uppercase;
}



/* *  Blogs  * */
.category-module .drag-blog{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	cursor: -webkit-grab;
	cursor: grab;
}

.category-module  .drag-blog.dragging{
	cursor: -webkit-grabbing;
	cursor: grabbing;
}

.module-blog-holder{
	position: relative;
	width: 50%;
	height: 100%;
}

.navigation-wrapper{
	position: absolute;
	top: 65%;
	left: 0;
	width: 100%;
	text-align: center;
}

.navigation-wrapper .arrow-left, .navigation-wrapper .arrow-right{
	display: inline-block;
	width: 30px;
	height: 45px;
	position: relative;
	padding: 0px;
	cursor: pointer;
	padding: 0 20px;
	-webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

.navigation-wrapper .arrow-left.inactive, .navigation-wrapper .arrow-right.inactive{
	opacity: 0.4;
	pointer-events: none;
	animation-iteration-count: 0 !important;
}

.navigation-wrapper .arrow-left{
	animation-name: bounceL; 
	animation-duration: 8s;
	animation-delay: 3s; 
	animation-iteration-count: infinite;
}

.navigation-wrapper .arrow-right{
	animation-name: bounceR; 
	animation-duration: 8s;
	animation-delay: 5s; 
	animation-iteration-count: infinite;
}

@keyframes bounceL {
	0%, 46%, 50%, 54%, 100% {
    	transform: translateX(0);
  	}
	48% {
    	transform: translateX(-10px);
  	}
	52% {
    	transform: translateX(-10px);
  	}
}

@keyframes bounceR {
	0%, 46%, 50%, 54%, 100% {
    	transform: translateX(0);
  	}
	48% {
    	transform: translateX(10px);
  	}
	52% {
    	transform: translateX(10px);
  	}
}

.navigation-wrapper .arrow-left div, .navigation-wrapper .arrow-right div{
	position: absolute;
	background: #191919;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 10px;
    height: 30px;
}

.navigation-wrapper .arrow-left:hover div, .navigation-wrapper .arrow-right:hover div{
	background: #4c05ed;
}

.navigation-wrapper .arrow-left .arrup{
	top: 0;
	left: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.navigation-wrapper .arrow-left .arrdown{
	bottom: 0;
	left: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.navigation-wrapper .arrow-right .arrup{
	top: 0;
	right: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.navigation-wrapper .arrow-right .arrdown{
	bottom: 0;
	right: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.blogs-wrapper{
	position: absolute;
	width: 1000%;
	top: 40%;
	left: 100%;
	margin-top: -165px;
	margin-left: -327.5px;
	-webkit-transition: margin .5s;
    -moz-transition: margin .5s;
    -o-transition: margin .5s;
    transition: margin .5s;
}

.blogs-wrapper .blog-item{
	height: 330px;
	width: 635px;
	float: left;
	color: #fff;
	margin: 0 10px;
	/*cursor: pointer;*/
	-webkit-transition: margin .5s, height .5s;
    -moz-transition: margin .5s, height .5s;
    -o-transition: margin .5s, height .5s;
    transition: margin .5s, height .5s;
    background-size: cover !important;
}
.blogs-wrapper .blog-item:hover{
	margin-top: -25px;
}

.blogs-wrapper .blog-item .mod-articles-category-link{
	background: #191919;
	position: relative;
	display: block;
	padding: 70px 30px 15px;
	-webkit-transition: padding .5s, background .5s;
    -moz-transition: padding .5s, background .5s;
    -o-transition: padding .5s, background .5s;
    transition: padding .5s, background .5s;
}

.blogs-wrapper .blog-item:hover .mod-articles-category-link{
	padding: 30px 30px 55px;
	background: rgba(21,21,21,0.3);
}

.blogs-wrapper .blog-item .mod-articles-category-date{
	padding-left: 15px;
}

.blogs-wrapper .blog-item h2{
	padding-top: 25px;
	font-size: 40px;
	line-height: 44px;
	font-family: 'brandon_grotesquebold';
	height: 176px;
}

.blogs-wrapper .blog-item a{
	color: inherit;
	display: block;
}

.blogs-wrapper .blog-item .mod-articles-category-readmore{
	display: block;
	color: #191919;
	-webkit-transition: color .5s, padding .5s;
    -moz-transition: color .5s, padding .5s;
    -o-transition: color .5s, padding .5s;
    transition: color .5s, padding .5s;
}
.blogs-wrapper .blog-item:hover .mod-articles-category-readmore{
	color: #fff;
}

.blogs-wrapper .blog-item h5{
	-webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
}

.blogs-wrapper .blog-item:hover h5{
	color: #fff;
}

.anim-blog{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: url('../images/bg-blog.png');
	background-position: center top;
	/*pointer-events: none;*/
}

/* * Item Page * */
.item-page{

}

.item-page h2, .faces-wrapper h2, .brands-wrapper h2{
	font-family: 'brandon_grotesquebold';
	padding: 20px 0;
}

.item-page p{
	text-align: justify;
	padding: 10px 0;
}

.faces-wrapper{
	padding: 60px 0;
	background: #191919;
	color: #fff;
	text-align: center;
}

/* Div das marcas, escondida por motivos de ética*/
.brands-wrapper{
	padding: 60px 0;
	background: #fff;
	text-align: center;
        display: none;
}


/* *  Blog page  * */
.blog{
}

.blog .items-leading{
	padding-left: 60px;
}

.blog .blog-item{
	padding: 60px 60px 60px 0;
	border-bottom: 4px solid #fff;
	position: relative;
}

.blog .blog-item .blog-date{
	margin-left: -60px;
	padding: 8px 0;
	width: 100px;
	text-align: right;
	border-bottom: 4px solid #4c05ed;
}

.blog .blog-item h2{
	font-family: 'brandon_grotesquebold';
	padding: 15px 0 5px;
}

.blog .blog-item-details h2{
	font-size: 52px;
	line-height: 56px;
}

.blog .blog-author{
	font-size: 14px;
	padding-bottom: 5px;
}

.blog .item-image img{
	max-height: 500px;
}

.blog .blog-item-details .item-image img{
	max-height: 700px;
}

.blog .blog-introtext{
	padding: 30px 0;
	max-width: 1000px;
}

.blog .blog-introtext p{
	text-align: justify;
	padding-bottom: 20px;
}

.blog .blog-introtext p, .blog .blog-introtext span{
	font-family: 'brandon_grotesque' !important;
	font-size: 18px !important;
	line-height: 24px !important;
	color: #191919 !important;
}

.blog .blog-tags{
	font-size: 14px;
}

.blog .blog-tags b a{
	padding-left: 10px;
	-webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
}

.blog .blog-tags b a:hover{
	color: #4c05ed;
}

.blog .candidatar {
    background: #191919;
    padding: 10px 35px;
    border-radius: 10px;
    cursor: pointer;
    height: 50px;
    margin: 15px auto;
    width: 115px;
    display: block;
}

.blog .candidatar a {
    display: block;
    width: 100%;
    height: 100%;
}

.blog .candidatar span{
	font-size: 14px !important;
	font-family: 'brandon_grotesque';
	display: block;
	float: left;
	margin-top: 15px;
       color: #FFFFFF !important;
      text-align: center;
}

.blog .share-wrapper {
	position: absolute;
    bottom: 60px;
    right: 60px;
    background: transparent;
	padding: 10px 35px;
    border-radius: 10px;
	cursor: pointer;
}

.blog .share-wrapper span{
	font-size: 14px;
	font-family: 'brandon_grotesque';
	display: block;
	float: left;
	margin-top: 6px;
    color: #191919;
}

.blog .share-wrapper a .fb{
	margin-top: 5px;
	padding-left: 25px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="24" viewBox="44.427 38.155 12.927 23.908"><path fill="#000000" d="M56.868 38.155l-3.1-.005c-3.485 0-5.736 2.31-5.736 5.885v2.713h-3.118c-.27 0-.487.218-.487.488v3.932c0 .27.22.486.487.486h3.118v9.92c0 .27.218.488.487.488h4.067c.27 0 .487-.22.487-.488v-9.92h3.646c.27 0 .486-.217.486-.486l.002-3.932c0-.13-.052-.254-.143-.345-.092-.09-.217-.142-.346-.142h-3.647v-2.3c0-1.106.264-1.667 1.703-1.667h2.09c.27 0 .486-.218.486-.487v-3.65c.003-.27-.215-.488-.484-.488z"/></svg>') no-repeat right top;

	display: block;
	height: 33px;
	float: left;
	cursor: pointer;
	-webkit-transition: background .5s;
    -moz-transition: background .5s;
    -o-transition: background .5s;
    transition: background .5s;
}


.blog .share-wrapper2 {
   background: #365899;
    padding: 10px 35px;
    border-radius: 10px;
    cursor: pointer;
    height: 50px;
    margin: 15px auto;
    width: 115px;
}

.blog .share-wrapper2 span{
	font-size: 14px !important;
	font-family: 'brandon_grotesque';
	display: block;
	float: left;
	margin-top: 15px;
    color: #FFFFFF !important;
}

.blog .share-wrapper2 a {
   display: block;
    width: 100%;
    height: 100%;
}

.blog .share-wrapper2 a .fb{
	margin-top: 15px;
	padding-left: 25px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="24" viewBox="44.427 38.155 12.927 23.908"><path fill="#FFFFFF" d="M56.868 38.155l-3.1-.005c-3.485 0-5.736 2.31-5.736 5.885v2.713h-3.118c-.27 0-.487.218-.487.488v3.932c0 .27.22.486.487.486h3.118v9.92c0 .27.218.488.487.488h4.067c.27 0 .487-.22.487-.488v-9.92h3.646c.27 0 .486-.217.486-.486l.002-3.932c0-.13-.052-.254-.143-.345-.092-.09-.217-.142-.346-.142h-3.647v-2.3c0-1.106.264-1.667 1.703-1.667h2.09c.27 0 .486-.218.486-.487v-3.65c.003-.27-.215-.488-.484-.488z"/></svg>') no-repeat right top;

	display: block;
	height: 33px;
	float: left;
	cursor: pointer;
	-webkit-transition: background .5s;
    -moz-transition: background .5s;
    -o-transition: background .5s;
    transition: background .5s;
}

/*
.blog .share-wrapper a .fb:hover{
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="24" viewBox="44.427 38.155 12.927 23.908"><path fill="%234c05ed" d="M56.868 38.155l-3.1-.005c-3.485 0-5.736 2.31-5.736 5.885v2.713h-3.118c-.27 0-.487.218-.487.488v3.932c0 .27.22.486.487.486h3.118v9.92c0 .27.218.488.487.488h4.067c.27 0 .487-.22.487-.488v-9.92h3.646c.27 0 .486-.217.486-.486l.002-3.932c0-.13-.052-.254-.143-.345-.092-.09-.217-.142-.346-.142h-3.647v-2.3c0-1.106.264-1.667 1.703-1.667h2.09c.27 0 .486-.218.486-.487v-3.65c.003-.27-.215-.488-.484-.488z"/></svg>') no-repeat right top;
}
*/

.blog-logo{
	padding: 30px 0;
}

.blog-logo .logo{
	padding: 0;
}

.blog-logo a{
	display: block;
}

.blog-logo span{
	display: block;
	float: right;
	font-size: 50px;
	line-height: 30px;
}

.blog-logo span a{
	color: #ede604;
}

.nav.menu.blog-menu .menu-item a, .nav.menu.blog-menu .menu-item span{
	padding: 5px 0;
	text-transform: uppercase;
	display: block;
	-webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
}

.nav.menu.blog-menu .menu-item a:hover, .nav.menu.blog-menu .menu-item span:hover{
	color: #4c05ed;
}

.nav.menu.blog-menu .menu-item .menu-hidden, .nav.menu.blog-menu .menu-item.active{
	display: none;
}

.mostread, .tagspopular, .authorlist{
	padding: 20px 0;
}

.mostread h5, .tagspopular h5, .authorlist h5{
	padding: 5px 0;
	font-family: 'brandon_grotesquebold';
}

.mostread a, .tagspopular a{
	font-size: 16px;
	padding: 3px 0;
	text-transform: uppercase;
	display: block;
	-webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
}

.tagspopular a{
	display: inline-block;
	padding-left: 10px;
}

.mostread a:hover, .tagspopular a:hover, .mostread a.active, .tagspopular a.active{
	color: #4c05ed;
}

.authorlist .author-wrapper .author-item{
	position: relative;
	display: inline-block;
}

.authorlist .author-wrapper:hover .author-item .al_image{
	opacity: 0.2;
}

.authorlist .author-wrapper:hover .author-item:hover .al_image, .authorlist .author-wrapper .author-item.active .al_image{
	opacity: 1;
}

.authorlist .author-wrapper .author-item.active .al_image img{
	-webkit-box-shadow: 0px 0px 0px 2px #4c05ed;
	-moz-box-shadow: 0px 0px 0px 2px #4c05ed;
	box-shadow: 0px 0px 0px 2px #4c05ed;
}

.authorlist .author-item .al_image{
	width: 50px;
	height: 50px;
	opacity: 1;
	-webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

.authorlist .author-item .al_image img{
	max-width: 100%;
	max-height: 100%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.authorlist .author-item .name-tooltip{
	position: absolute;
	bottom: -20px;
	right: 0px;
	padding: 4px 5px 2px;
	background: #191919;
	width: 70px;
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	pointer-events: none;
	opacity: 0;
	-webkit-transition: opacity .3s, bottom .3s;
    -moz-transition: opacity .3s, bottom .3s;
    -o-transition: opacity .3s, bottom .3s;
    transition: opacity .3s, bottom .3s;
}

.authorlist .author-item .name-tooltip span{
	position: absolute;
	top: -6px;
	right: 17px;
	display: block;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-bottom: 6px solid #191919;
}

.authorlist .author-item:hover .name-tooltip{
	bottom: -28px;
	opacity: 1;
}

.blog-footer{
	position: absolute;
	bottom: 20px;
	left: 0px;
	width: 100%;
	text-align: center;
	color: #bdbdbd;
	font-size: 16px;
}

.blog-footer .social-wrapper{
	padding: 20px 0;
}

.blog-footer .social-wrapper a{
	padding: 0 20px;
}

.finder{
	padding: 30px 40px 0 0;
	position: relative;
}

.finder .search-query{
	border: 1px solid #00000;
	font-size: 18px;
	color: #000000;
	text-align: right;
	font-family: 'brandon_grotesque';
	display: block;
	width: 100%;
}

.finder .search-query:focus{
	outline: none;
	border-bottom: 1px dotted #dadada;
}

.finder .find-button{
	width: 28px;
	height: 28px;
	position: absolute;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22.959" height="22.786" viewBox="0 0 22.959 22.786"><path clip-rule="evenodd" fill="%23dadada" d="M12.907 20.104c-2.173 0-4.18-.696-5.824-1.87l-4.028 4.03c-.7.697-1.832.697-2.53 0-.7-.7-.7-1.833 0-2.532l4.052-4.053c-1.087-1.606-1.722-3.543-1.722-5.628C2.855 4.5 7.355 0 12.907 0c5.55 0 10.052 4.5 10.052 10.052s-4.502 10.052-10.053 10.052zm0-17.485c-4.106 0-7.434 3.327-7.434 7.433s3.328 7.433 7.433 7.433 7.434-3.327 7.434-7.433-3.328-7.434-7.434-7.434z"/></svg>') no-repeat center center;
	top: 25px;
	right: 0px;
	display: block;
	padding: 0;
	border: 0;
	cursor: pointer;
}

.relateditems{
	padding: 60px;
}

.relateditems h2{
	font-family: 'brandon_grotesquebold';
	padding-bottom: 40px;
}

.relateditems .related-item{
	float: left;
	height: 330px;
	width: 48%;
	background-size: cover !important;
	-webkit-transition: margin .5s;
    -moz-transition: margin .5s;
    -o-transition: margin .5s;
    transition: margin .5s;
}

.relateditems .related-item:nth-child(odd){
	float: right;
}

.relateditems .related-item:hover{
	margin: -25px 0 25px;
}

.relateditems .related-item a{
	background: #191919;
	display: block;
	position: relative;
	text-transform: uppercase;
	color: #FFF;
	padding: 70px 30px 15px;
	-webkit-transition: padding .5s, background .5s;
    -moz-transition: padding .5s, background .5s;
    -o-transition: padding .5s, background .5s;
    transition: padding .5s, background .5s;
}

.relateditems .related-item:hover a{
	padding: 40px 30px 45px;
	background: rgba(21,21,21,0.3);
}

.relateditems .related-item h2{
	padding: 25px 0 0;
	font-size: 40px;
	line-height: 44px;
	font-family: 'brandon_grotesquebold';
	height: 176px;
}

.relateditems .related-item .mod-articles-category-readmore{
	color: #191919;
	-webkit-transition: color .5s;
	-moz-transition: color .5s;
	-o-transition: color .5s;
	transition: color .5s;
}
.relateditems .related-item:hover .mod-articles-category-readmore{
	color: #fff;
}

.rows.faces{
	max-width: 1400px;
	margin: 0 auto;
	padding: 20px 0;
}

.rows.faces .face-item{
	padding: 20px 0;
}

.rows.faces .face-item svg{
	height: 120px;
	-webkit-transition: margin .3s;
    -moz-transition: margin .3s;
    -o-transition: margin .3s;
    transition: margin .3s;
}
.rows.faces .face-item:hover svg{
	margin: -25px 0 25px;
}

.rows.faces .face-item svg path{
	-webkit-transition: fill .3s;
    -moz-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s;
}
.rows.faces .face-item:hover svg path{
	fill: #4c05ed;
}

.rows.faces .face-item .face-title{
	text-transform: uppercase;
	font-size: 16px;
	color: #191919;
	-webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}
.rows.faces .face-item:hover .face-title{
	color: #4c05ed;
}

.faces-link{
	color: #515151;
	-webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

.faces-link:hover{
	color: #4c05ed;
}

.other-projects{
	background: #4c05ed;
	display: block;
	color: #ffffff;
	font-size: 32px;
	line-height: 34px;
	font-family: 'brandon_grotesquebold';
	text-align: center;
	text-transform: uppercase;
	padding: 40px 0;
}


/* * Contacts * */
.contact-wrapper{
	text-align: center;
	position: relative;
	height: 520px;
	overflow: hidden;
}

.contact-wrapper .maps-cover{
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	cursor: pointer;
}

.contact-wrapper #gmaps{
	height: 550px;
}

.contact-wrapper h1{
	position: absolute;
	font-family: 'brandon_grotesqueblack';
	color: #fff;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: 1px;
	padding: 350px 0 100px;
	top: 0px;
	left: 0px;
	text-align: center;
	width: 100%;
	pointer-events: none;
	background-color: transparent;
}

.contact-address{
	background: #fff;
}

.contact-address h2{
	font-family: 'brandon_grotesquebold';
	text-align: center;
	padding: 60px 0 40px;
}

.contact-address p{
	padding: 0 20px;
	max-width: 100%;
	max-width: 1200px;;
	margin: 0 auto;
}

.contact-address .address-rows{
	padding: 60px 0;
	text-transform: uppercase;
	color: #ccc;
	font-family: 'brandon_grotesquebold';
	font-size: 24px;
}

.contact-address .address-rows a{
	color: #ccc;
}

.contact-address .address-rows .address{
	text-align: center;
}

.address-rows .tel-icon{
	padding: 0 40px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="29.976" height="30.337" viewBox="0 0 29.976 30.337"><path fill="%23404596" d="M2.668 28.913c.22.198.433.39.626.577.574.554 1.552.847 2.827.847 3.746 0 10.038-2.467 15.657-7.982 3.376-3.377 5.968-7.315 7.298-11.09 1.22-3.46 1.2-6.272-.05-7.522-.253-.253-.53-.57-.822-.905C27.103 1.573 25.733 0 23.973 0c-1.114 0-2.198.646-3.22 1.918-3.457 4.297-2.987 5.406-.64 7.72.132.128.27.263.41.404.586.586-.868 3.776-4.075 6.984-2.328 2.328-5.09 4.083-6.424 4.083-.31 0-.41-.1-.442-.132-.147-.145-.29-.29-.43-.435-.847-.873-1.724-1.775-3.05-1.775-1.195 0-2.543.757-4.245 2.382C.592 22.36-.016 23.53 0 24.724c.026 1.8 1.49 3.125 2.668 4.19zm.8-6.27c1.17-1.117 2.062-1.66 2.73-1.66.587 0 1.033.43 1.71 1.126.32.225.44.345.57.47.2.2.74.425 1.34.413 2.598-.053 5.924-2.314 7.958-4.35 1.346-1.345 3.725-4.594 4.44-5.87.946-1.695.44-3.275-.263-3.98-.123-.122-.24-.24-.355-.35-1.6-1.577-1.89-1.86.635-5 .637-.792 1.25-1.193 1.825-1.193.964 0 1.896 1.068 2.716 2.012.264.3.51.586.754.83.567.566.64 2.334-.33 5.086-1.074 3.05-3.81 7.92-6.75 10.862-4.86 4.77-11.362 7.25-14.234 7.25-1.042 0-1.43-.267-1.55-.382-.17-.163-.354-.33-.547-.505-.854-.77-1.822-1.646-1.835-2.642-.01-.644.39-1.357 1.187-2.118z"/></svg>') no-repeat left center;
}
.address-rows .add-icon{
	padding: 0 40px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="26.113" height="31.51" viewBox="0 0 26.113 31.51"><path fill-rule="evenodd" clip-rule="evenodd" fill="%23404596" d="M22.945 21.568l.02.02-.428.428c-.17.18-.342.353-.52.52l-8.974 8.974-9.922-9.922.036-.034C1.193 19.27 0 16.304 0 13.057 0 5.845 5.846 0 13.057 0s13.057 5.845 13.057 13.057c0 3.255-1.2 6.224-3.17 8.51zM13.057 2.925c-5.446 0-9.862 4.415-9.862 9.86 0 2.455.9 4.693 2.384 6.42l-.028.025 7.494 7.494 6.778-6.777c.135-.128.266-.26.393-.394l.324-.323-.015-.016c1.487-1.727 2.393-3.97 2.393-6.43 0-5.444-4.415-9.86-9.86-9.86z"/></svg>') no-repeat left center;
}
.address-rows .mail-icon{
	padding: 0 40px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32.35" height="27.361" viewBox="0 0 32.35 27.361"><path fill="%23404596" d="M27.77 1.32l-.01-.005C27.394.35 26.342-.205 25.326.07L1.484 6.457C.468 6.728-.166 7.735 0 8.753l-.008.012.01.004c.012.06.024.122.04.185L4.57 25.852c.29 1.083 1.413 1.73 2.496 1.44l23.843-6.39c1.08-.29 1.73-1.412 1.44-2.495L27.82 1.51c-.017-.062-.036-.12-.058-.18l.007-.01zm-5.426 2.526l-6.438 8.75-9.95-4.36 16.388-4.39zm7.01 14.497L7.133 24.297 3.365 10.242l12.44 5.45c.308.135.642.154.95.07.307-.08.586-.265.785-.535l8.048-10.94 3.767 14.056z"/></svg>') no-repeat left center;
}

.recruit-btn a{
	display: block;
	background: #4c05ed;
	color: #fff;
	font-size: 24px;
	text-align: center;
	text-transform: uppercase;
	font-family: 'brandon_grotesquebold';
	padding: 40px 20px;
}

.recruit-header{
	background: #636363 url('../images/recrutamento/background.png') no-repeat center center;
	background-size: 100% auto;
	text-align: center;
	color: #ffffff;
	padding: 260px 0 140px;
}

.recruit-header h1{
	font-family: 'brandon_grotesqueblack';
	line-height: 100px;
	font-size: 68px;
}

.job-item{
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	cursor: pointer;
	-webkit-transition: color .2s, background .2s;
    -moz-transition: color .2s, background .2s;
    -o-transition: color .2s, background .2s;
    transition: color .2s, background .2s;
}

.job-item:hover{
	color: #4c05ed;
}

.job-item.programador{
	background: #191919 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="119.039" height="88.976" viewBox="0 0 119.039 88.976"><path fill-rule="evenodd" clip-rule="evenodd" fill="%23252525" d="M32.47 16.24c-1.652-1.653-4.333-1.653-5.986 0L1.29 41.434c-.016.015-.034.024-.05.04-1.653 1.653-1.653 4.333 0 5.986L26.48 72.7c1.65 1.653 4.332 1.653 5.985 0 1.652-1.653 1.652-4.334 0-5.986l-22.24-22.242L32.47 22.226c1.653-1.653 1.653-4.333 0-5.986zM76.197.276c-2.212-.834-4.68.283-5.515 2.496L40.367 83.184c-.834 2.213.283 4.682 2.495 5.516s4.68-.283 5.515-2.495L78.692 5.792c.834-2.212-.283-4.682-2.495-5.516zM117.8 41.474c-.017-.016-.035-.025-.05-.04L92.554 16.24c-1.652-1.653-4.333-1.653-5.986 0-1.653 1.653-1.653 4.333 0 5.986l22.245 22.246-22.242 22.24c-1.653 1.653-1.653 4.334 0 5.987s4.333 1.652 5.986 0l25.238-25.24c1.654-1.653 1.654-4.333 0-5.986z"></path></svg>') no-repeat center center;
}
.job-item.programador:hover{
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="119.039" height="88.976" viewBox="0 0 119.039 88.976"><path fill-rule="evenodd" clip-rule="evenodd" fill="%234c05ed" d="M32.47 16.24c-1.652-1.653-4.333-1.653-5.986 0L1.29 41.434c-.016.015-.034.024-.05.04-1.653 1.653-1.653 4.333 0 5.986L26.48 72.7c1.65 1.653 4.332 1.653 5.985 0 1.652-1.653 1.652-4.334 0-5.986l-22.24-22.242L32.47 22.226c1.653-1.653 1.653-4.333 0-5.986zM76.197.276c-2.212-.834-4.68.283-5.515 2.496L40.367 83.184c-.834 2.213.283 4.682 2.495 5.516s4.68-.283 5.515-2.495L78.692 5.792c.834-2.212-.283-4.682-2.495-5.516zM117.8 41.474c-.017-.016-.035-.025-.05-.04L92.554 16.24c-1.652-1.653-4.333-1.653-5.986 0-1.653 1.653-1.653 4.333 0 5.986l22.245 22.246-22.242 22.24c-1.653 1.653-1.653 4.334 0 5.987s4.333 1.652 5.986 0l25.238-25.24c1.654-1.653 1.654-4.333 0-5.986z"></path></svg>') no-repeat center top 20px;
}
.job-item.designer{
	background: #191919 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="101.207" height="101.526" viewBox="0 0 101.207 101.526"><path fill="%23252525" d="M99.477 10.364l-8.252-8.528C89.902.466 88.03-.13 86.12.024 84.214.17 82.204 1.07 80.608 2.67L8.315 74.957c-1.244 1.253-2.353 2.75-3.355 4.337-.993 1.594-1.845 3.226-2.403 4.842L.437 94.56c-.21.61-.352 1.23-.41 1.855-.062.687-.02 1.386.167 2.05.275.997.926 1.897 1.814 2.422.885.535 1.936.702 2.946.622.615-.05 1.225-.186 1.83-.387L17.07 99.14c1.6-.54 3.218-1.38 4.802-2.364 1.578-.993 3.068-2.095 4.322-3.338l72.29-72.29c1.6-1.598 2.516-3.627 2.69-5.562.18-1.94-.372-3.853-1.697-5.222zm-80.075 82.75c-1.236.708-2.588 1.284-3.4 1.484l-6.208 1.606-4.546-4.547 1.605-6.21c.202-.81.776-2.163 1.487-3.398.386-.683.82-1.332 1.234-1.89l11.718 11.716c-.558.416-1.21.85-1.89 1.237zm5.377-4.546L12.882 76.672l49.47-49.47L74.25 39.095 24.78 88.568zm52.867-52.87L65.752 23.803l2.01-2.01L79.66 33.69l-2.013 2.008zm5.41-5.407L71.158 18.397l2.01-2.01 11.895 11.897-2.01 2.008zm13.39-13.39l-7.984 7.984L76.567 12.99l7.985-7.984c.232-.23.522-.343.85-.346.327.003.615.114.85.346L96.447 15.2c.232.233.343.523.348.85-.005.327-.115.617-.348.85z"/></svg>') no-repeat center center;
}
.job-item.designer:hover{
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="101.207" height="101.526" viewBox="0 0 101.207 101.526"><path fill="%234c05ed" d="M99.477 10.364l-8.252-8.528C89.902.466 88.03-.13 86.12.024 84.214.17 82.204 1.07 80.608 2.67L8.315 74.957c-1.244 1.253-2.353 2.75-3.355 4.337-.993 1.594-1.845 3.226-2.403 4.842L.437 94.56c-.21.61-.352 1.23-.41 1.855-.062.687-.02 1.386.167 2.05.275.997.926 1.897 1.814 2.422.885.535 1.936.702 2.946.622.615-.05 1.225-.186 1.83-.387L17.07 99.14c1.6-.54 3.218-1.38 4.802-2.364 1.578-.993 3.068-2.095 4.322-3.338l72.29-72.29c1.6-1.598 2.516-3.627 2.69-5.562.18-1.94-.372-3.853-1.697-5.222zm-80.075 82.75c-1.236.708-2.588 1.284-3.4 1.484l-6.208 1.606-4.546-4.547 1.605-6.21c.202-.81.776-2.163 1.487-3.398.386-.683.82-1.332 1.234-1.89l11.718 11.716c-.558.416-1.21.85-1.89 1.237zm5.377-4.546L12.882 76.672l49.47-49.47L74.25 39.095 24.78 88.568zm52.867-52.87L65.752 23.803l2.01-2.01L79.66 33.69l-2.013 2.008zm5.41-5.407L71.158 18.397l2.01-2.01 11.895 11.897-2.01 2.008zm13.39-13.39l-7.984 7.984L76.567 12.99l7.985-7.984c.232-.23.522-.343.85-.346.327.003.615.114.85.346L96.447 15.2c.232.233.343.523.348.85-.005.327-.115.617-.348.85z"/></svg>') no-repeat center top 20px;
}

.job-item.community.manager{
	background: #191919 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23252525' x='0px' y='0px' width='101.207px' height='101.525px' viewBox='0 0 101.207 101.525' enable-background='new 0 0 101.207 101.525' xml:space='preserve'%3E%3Cg%3E%3Ccircle stroke='%23252525' stroke-width='2' stroke-miterlimit='10' cx='51.202' cy='51.165' r='4.234'/%3E%3Ccircle stroke='%23252525' stroke-width='2' stroke-miterlimit='10' cx='63.354' cy='51.165' r='4.234'/%3E%3Ccircle stroke='%23252525' stroke-width='2' stroke-miterlimit='10' cx='39.05' cy='51.165' r='4.234'/%3E%3Cpath stroke='%23252525' stroke-width='2' stroke-miterlimit='10' d='M51.202,6.976c24.405,0,44.19,19.784,44.19,44.189 c0,24.404-19.785,44.19-44.19,44.19c-10.639,0-20.398-3.762-28.025-10.027l-8.431,2.293l2.294-8.43 C10.775,71.567,7.013,61.806,7.013,51.166C7.013,26.76,26.798,6.976,51.202,6.976 M51.202,3.66 c-26.193,0-47.504,21.312-47.504,47.505c0,10.386,3.435,20.537,9.704,28.77l-1.854,6.814l-1.521,5.592l5.588-1.521l6.819-1.854 c8.234,6.271,18.383,9.702,28.768,9.702c26.194,0,47.505-21.31,47.505-47.503C98.707,24.972,77.396,3.66,51.202,3.66L51.202,3.66z' /%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
}

.job-item.community.manager:hover{
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%234C05ED' x='0px' y='0px' width='101.207px' height='101.525px' viewBox='0 0 101.207 101.525' enable-background='new 0 0 101.207 101.525' xml:space='preserve'%3E%3Cg%3E%3Ccircle stroke='%234C05ED' stroke-width='0.75' stroke-miterlimit='10' cx='51.202' cy='51.165' r='4.234'/%3E%3Ccircle stroke='%234C05ED' stroke-width='0.75' stroke-miterlimit='10' cx='63.354' cy='51.165' r='4.234'/%3E%3Ccircle stroke='%234C05ED' stroke-width='0.75' stroke-miterlimit='10' cx='39.05' cy='51.165' r='4.234'/%3E%3Cpath stroke='%234C05ED' stroke-width='0.75' stroke-miterlimit='10' d='M51.202,6.976c24.405,0,44.19,19.784,44.19,44.189 c0,24.404-19.785,44.19-44.19,44.19c-10.639,0-20.398-3.762-28.025-10.027l-8.431,2.293l2.294-8.43 C10.775,71.567,7.013,61.806,7.013,51.166C7.013,26.76,26.798,6.976,51.202,6.976 M51.202,3.66 c-26.193,0-47.504,21.312-47.504,47.505c0,10.386,3.435,20.537,9.704,28.77l-1.854,6.814l-1.521,5.592l5.588-1.521l6.819-1.854 c8.234,6.271,18.383,9.702,28.768,9.702c26.194,0,47.505-21.31,47.505-47.503C98.707,24.972,77.396,3.66,51.202,3.66L51.202,3.66z' /%3E%3C/g%3E%3C/svg%3E") no-repeat center top 20px;
}

.job-item h3{
	font-family: 'brandon_grotesquebold';
	border-top: 1px solid #252525;
	padding: 110px 0 40px;
	margin: 0 auto;
	max-width: 100%;
	max-width: 1200px;;
	font-size: 28px;
	-webkit-transition: padding .2s;
    -moz-transition: padding .2s;
    -o-transition: padding .2s;
    transition: padding .2s;
}
.job-item:hover h3{
	padding: 140px 0 10px;
}

.job-item p{
	color: transparent;
	font-family: 'brandon_grotesquebold';
	font-size: 15px;
	padding-bottom: 35px;
	-webkit-transition: color .2s;
    -moz-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
}
.job-item:hover p{
	color: #191919;
}

.recruititem-wrapper{
	background: #fff;
}

.recruititem-wrapper .recruititem-inner{
	padding-top: 100px;
	width: 100%;
	max-width: 1200px;;
	margin: 0 auto;
	position: relative;
}

.back-arrow{
	position: absolute;
	top: 150px;
	left: 0;
}

.back-arrow .arrow{
	display: block;
	float: left;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	border-right: 10px solid #191919; 
}

.back-arrow .line{
	display: block;
	float: left;
	width: 250px;
	height: 4px;
	background: #191919;
	margin-top: 8px;
}

.recruititem-header{
	font-family: 'brandon_grotesquebold';
	text-align: center;
	color: #4c05ed;
	text-transform: uppercase;
	padding-top: 150px;
}

.recruititem-header.designer{	
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="101.207" height="101.526" viewBox="0 0 101.207 101.526"><path fill="%234c05ed" d="M99.477 10.364l-8.252-8.528C89.902.466 88.03-.13 86.12.024 84.214.17 82.204 1.07 80.608 2.67L8.315 74.957c-1.244 1.253-2.353 2.75-3.355 4.337-.993 1.594-1.845 3.226-2.403 4.842L.437 94.56c-.21.61-.352 1.23-.41 1.855-.062.687-.02 1.386.167 2.05.275.997.926 1.897 1.814 2.422.885.535 1.936.702 2.946.622.615-.05 1.225-.186 1.83-.387L17.07 99.14c1.6-.54 3.218-1.38 4.802-2.364 1.578-.993 3.068-2.095 4.322-3.338l72.29-72.29c1.6-1.598 2.516-3.627 2.69-5.562.18-1.94-.372-3.853-1.697-5.222zm-80.075 82.75c-1.236.708-2.588 1.284-3.4 1.484l-6.208 1.606-4.546-4.547 1.605-6.21c.202-.81.776-2.163 1.487-3.398.386-.683.82-1.332 1.234-1.89l11.718 11.716c-.558.416-1.21.85-1.89 1.237zm5.377-4.546L12.882 76.672l49.47-49.47L74.25 39.095 24.78 88.568zm52.867-52.87L65.752 23.803l2.01-2.01L79.66 33.69l-2.013 2.008zm5.41-5.407L71.158 18.397l2.01-2.01 11.895 11.897-2.01 2.008zm13.39-13.39l-7.984 7.984L76.567 12.99l7.985-7.984c.232-.23.522-.343.85-.346.327.003.615.114.85.346L96.447 15.2c.232.233.343.523.348.85-.005.327-.115.617-.348.85z"/></svg>') no-repeat center top 20px;
}
.recruititem-header.programador{
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="119.039" height="88.976" viewBox="0 0 119.039 88.976"><path fill-rule="evenodd" clip-rule="evenodd" fill="%234c05ed" d="M32.47 16.24c-1.652-1.653-4.333-1.653-5.986 0L1.29 41.434c-.016.015-.034.024-.05.04-1.653 1.653-1.653 4.333 0 5.986L26.48 72.7c1.65 1.653 4.332 1.653 5.985 0 1.652-1.653 1.652-4.334 0-5.986l-22.24-22.242L32.47 22.226c1.653-1.653 1.653-4.333 0-5.986zM76.197.276c-2.212-.834-4.68.283-5.515 2.496L40.367 83.184c-.834 2.213.283 4.682 2.495 5.516s4.68-.283 5.515-2.495L78.692 5.792c.834-2.212-.283-4.682-2.495-5.516zM117.8 41.474c-.017-.016-.035-.025-.05-.04L92.554 16.24c-1.652-1.653-4.333-1.653-5.986 0-1.653 1.653-1.653 4.333 0 5.986l22.245 22.246-22.242 22.24c-1.653 1.653-1.653 4.334 0 5.987s4.333 1.652 5.986 0l25.238-25.24c1.654-1.653 1.654-4.333 0-5.986z"></path></svg>') no-repeat center top 20px;
}
.recruititem-header.community.manager{
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%234C05ED' x='0px' y='0px' width='101.207px' height='101.525px' viewBox='0 0 101.207 101.525' enable-background='new 0 0 101.207 101.525' xml:space='preserve'%3E%3Cg%3E%3Ccircle stroke='%234C05ED' stroke-width='0.75' stroke-miterlimit='10' cx='51.202' cy='51.165' r='4.234'/%3E%3Ccircle stroke='%234C05ED' stroke-width='0.75' stroke-miterlimit='10' cx='63.354' cy='51.165' r='4.234'/%3E%3Ccircle stroke='%234C05ED' stroke-width='0.75' stroke-miterlimit='10' cx='39.05' cy='51.165' r='4.234'/%3E%3Cpath stroke='%234C05ED' stroke-width='0.75' stroke-miterlimit='10' d='M51.202,6.976c24.405,0,44.19,19.784,44.19,44.189 c0,24.404-19.785,44.19-44.19,44.19c-10.639,0-20.398-3.762-28.025-10.027l-8.431,2.293l2.294-8.43 C10.775,71.567,7.013,61.806,7.013,51.166C7.013,26.76,26.798,6.976,51.202,6.976 M51.202,3.66 c-26.193,0-47.504,21.312-47.504,47.505c0,10.386,3.435,20.537,9.704,28.77l-1.854,6.814l-1.521,5.592l5.588-1.521l6.819-1.854 c8.234,6.271,18.383,9.702,28.768,9.702c26.194,0,47.505-21.31,47.505-47.503C98.707,24.972,77.396,3.66,51.202,3.66L51.202,3.66z' /%3E%3C/g%3E%3C/svg%3E") no-repeat center top 20px;
}

.recruititem-body{
	padding: 30px 0;
}

.recruititem-body p{
	padding: 0 0 20px 0;
}

.recruititem-body p, .recruititem-body p span{
	font-family: 'brandon_grotesque' !important;
	font-size: 18px !important;
	line-height: 26px !important;
	color: #191919 !important;
}

.recruititem-body h5{
	font-family: 'brandon_grotesquebold';
	text-transform: uppercase;
	color: #4c05ed;
	padding: 40px 0 20px 0;
}

.recruitform-wrapper{
	background: #191919;
	position: relative;
	color: #2b2b2b;
}

.recruitform-wrapper .recruitform-inner{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.recruitform-wrapper .recruitform-inner h2{
	font-family: 'brandon_grotesquebold';
	text-align: center;
	padding: 40px 0 20px;
	color: #fff;
}

.form-recruit .form-hidden{
	display: none;
}

.form-recruit input, .form-recruit textarea{
	display: block;
	background: #2f2f2f;
	color: #ededed;
	width: 96%;
	padding: 0 2%;
	height: 40px;
	font-size: 18px;
	border: 1px solid #1f1f1f;
	font-family: 'brandon_grotesque';
	margin-top: 22px;
}
.form-recruit input::-webkit-input-placeholder{ 
	color: #666666;
}
.form-recruit input:-moz-placeholder{
	color: #666666;
}
.form-recruit input::-moz-placeholder{
	color: #666666;
} 
.form-recruit input:-ms-input-placeholder{
	color: #666666;
}

.form-recruit input.invalid, .form-recruit textarea.invalid, .form-recruit .cv-holder.invalid{
	-webkit-box-shadow: 0px 0px 1px 2px #e02626;
	-moz-box-shadow: 0px 0px 1px 2px #e02626;
	box-shadow: 0px 0px 1px 2px #e02626;
}

.form-recruit input[type=file].invalid{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.form-recruit textarea{
	padding: 5px 1%;
	width: 98%;
	height: 120px;
	resize: none;
}
.form-recruit textarea::-webkit-input-placeholder{ 
	color: #787878;
}
.form-recruit textarea:-moz-placeholder{
	color: #787878;
}
.form-recruit textarea::-moz-placeholder{
	color: #787878;
} 
.form-recruit textarea:-ms-input-placeholder{
	color: #787878;
}

.form-recruit .row-6{
	width: 48%;
	padding: 0 0 0 2%;
}

.form-recruit .row-6:first-child{
	padding: 0 2% 0 0;	
}

.form-recruit .cv-holder{
	background: #2f2f2f;
	border: 1px solid #1f1f1f;
	width: 85%;
	margin-top: 22px;
	height: 28px;
	padding: 6px 0 6px 15%;
	position: relative;
}

.form-recruit .cv-holder span{
	position: absolute;
	left: 2%;
	top: 0;
	color: #666666;
	line-height: 40px;
}

.form-recruit .cv-holder input{
	background: transparent;
	height: 28px;
	border: 0px;
	margin: 0;
	padding: 0;
}

.form-recruit .subtmit-btn{
	text-align: center;
	padding: 40px 0;
}

.form-recruit .subtmit-btn button{
	background: transparent;
	border: 3px solid #ffffff;
	padding: 9px 10px;
	color: #ffffff;
	font-size: 16px;
	text-transform: uppercase;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	font-family: 'brandon_grotesquebold';
}

.projects-header{
	padding-top: 150px;
	max-width: 1200px;
	margin: 0 auto;
	width: 90%;
}

.projects-header h1{
	text-align: center;
	text-transform: uppercase;
	font-family: 'brandon_grotesquebold';
	padding-bottom: 50px;
}

.project-wrapper{
	padding: 50px 0;
}

.project-wrapper.agency{
	padding: 0;
}

.project-wrapper .project-item{
	overflow: hidden;
	-webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s;
}

.project-wrapper .project-item.no-size{
	width: 0px;
	height: 0px;
}

.project-wrapper .project-item.hidden{
	opacity: 0;
}

.project-wrapper .project-item a.project-link{
	display: table;
	width: 100%;
	height: 450px;
	position: relative;
}

.project-wrapper .project-item a.project-link .bck{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: all 5s;
    -moz-transition: all 5s;
    transition: all 5s;
}

.project-wrapper .project-item a.project-link:hover .bck{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	/*background-size: 110% auto !important;*/
}

.project-wrapper .project-item h2{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-family: 'brandon_grotesquebold';
	font-size: 48px;
	line-height: 50px;
	padding: 0 25%;
	color: #fff;
}
.project-wrapper .project-item .black-font {
	color: #000;
}

.projects-categories{
	padding: 50px 0 20px;
	text-align: center;
}

.projects-categories a{
	position: relative;
	text-transform: uppercase;
	display: inline-block;
	padding: 0 5px;
	margin: 0 10px;
	cursor: pointer;
	-webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
}

.projects-categories a::after{
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 2px;
	background: #4c05ed;
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	-o-transition: opacity 0.3s, -o-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	transform: translateY(-5px);
}

.projects-categories a:hover, .projects-categories a.active{
	color: #4c05ed;
}

.projects-categories a:hover::after, .projects-categories a.active::after{
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}

.recruit-lead{
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	padding: 100px 0;
}


#panel, #flip {

}

#panel,#panel2,#panel3,#panel4,#panel5,#panel6 {
	display: none;
        text-align: justify;
        word-break: break-all;
        line-height: 20px;
}

#goTo:hover {
      text-decoration: underline;
}

@media (max-width: 870px) {
      .video {
          width: 90% !important;
          height: 260px !important;
      }
}
