/* menu*/

.logo{
	overflow: hidden;
	transition: width 0.5s ease;
}

.logo img{
	width: 333px;
	height: auto;
	left: -268px;
	margin: 0;
	transition: left 0.5s ease;


}
.label{
	padding: .2em 0 .3em;
}

.logo img {
    width: auto;
    height: 50px;
    left: -200px;
    top: 5px;
}
.logo:hover img{
	left: 0;
}

header.left .logo img{
	left: 0;
}
header.left .logo{
	width: 250px;
}

/* HOME */
.copiright .follow-footer a span{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 0;
	height: 100%;
}
.follow-footer a{
	width: 50px;
	height: 50px;
}
.follow-footer a i{
	margin-top: auto;
	margin-bottom: auto;
}

.onehomepage #filters{
	left: -7px;
}

.portfolio-caption h5{
	border-bottom: none;
}

footer span img{
	width: 14px;
	margin-left: 5px;
}
footer span{
	display: inline-flex;
	align-items: center;
}
.large-button.medium-button{
	display: flex;
	justify-content: center;
	padding-top: 30px;
	padding-bottom: 15px;
}
.large-button.medium-button a{
	height: auto;
	padding: 10px 15px;
	margin: 0;
}
.onehomepage h1{
	margin: auto;
	color: white;
	font-weight: 700;
	padding: 5vmin;
	font-size: 3rem;
	text-align: center;
}
.navigation-bar:hover{
	background: transparent;
	border: 1px solid #000;
}
.navigation-bar:hover h5{
	color: #000;
}
.home .swiper-wrapper, #modern-slider .swiper-slide{
	height: 435px!important;
}

.onehomepage .index .itemm{
	height: 350px;
	background-size: cover;
	background-position: center center;
	/*transition: transform 1s ease !important;*/
}

/* detalhe projeto*/
.portfolio .detalhe .itemm{
	margin: 0px 15px 30px;
	padding: 0;
}
.portfolio .itemm.w_50 {
	width: calc(50% - 30px);
}

.portfolio .itemm.w_100 {
	width: calc(100% - 30px);
}

.navigation-bar h5 {
	padding-top: 20px;
}

.onehomepage .bg-bg-chrome{
	background-position: center;
}


/* PORTFOLIO */
.lode-more{
	margin-bottom: 70px;
}


/*Contactos*/

.contact-form input{
	text-transform: none;
}
.tab-content .email, .tab-content .call, .tab-content .visit{
	padding-top: 10%;
}
.contact-creative #myTab h5{
	text-transform: none;
}

/* Clientes*/


.cliente:hover img{
	transform: scale(1.05,1.05);
}
.cliente{
	padding: 10px;
}
.cliente img{
/*	position: relative;*/
	top: 0;
	left: 0;
	width: 100%;
	transition: all 0.5s ease;
}
.cliente .clientes-cor{
	position: absolute;
	opacity: 0;
	transition: 1s ease;
	padding: 10px;
}

.cliente:hover .clientes-cor{
	opacity: 1;
}
.container-clientes{
	margin: 100px auto 55px auto;
	padding: 0 100px;
}
.container-clientes [class*="col-"]{
	padding: 0;
}

a.to_top{
	display: flex;
}
.arrow_to_top{
	width: 50px;
	height: 50px;
	background-color: #000;
	position: fixed;
	bottom: 15px;
	right: 15px;
	display: none;
	z-index: 99;
	justify-content: center;
	align-items: center;
}

.top-baner-caption{
	width: 100%; 
	justify-content: center; 
	align-items: center;
	height: 100%;
	display: flex;
	position: relative;
}
.top-baner a.logo:hover{
	background-color: #ffffff;
}

.top-baner a.logo:hover{
	background-color: #fff!important;
}

body.onehomepage header .submenu .dropdown li a{
	float: right;
}

.testi-text p{
	font-size: 16px;
}
.testi-text h5{
	font-size: 14px;
}
.testi-text h6{
	font-size: 12px;
}
.moder-team-block:hover .team-hover {
    bottom: 6px;
}
.blog-full-content p a, .blog-full-content a{
	font-weight: bold;
}


.container-clientes .m-0-xs{
	margin-left: 0;
	margin-right: 0;
}


@media (min-width: 501px){
	.hide-sm{
		display: none!important;
	}
}

@media (min-width: 768px) {
	.onehomepage .index .itemm{
		margin: 0 1% 2%; 
		width: 48%;
	}

}

@media (min-width: 768px) and (max-width: 991px){
	.next-project.navigation-bar img{
		max-width: 43px;
	}
	.onehomepage .creative-slider h1{
		line-height: 1;
	}
	.cadanoticia .moder-team-block{
		height: 175px;
		display: flex;
    	align-items: center;
	}
}

@media (min-width: 992px){

	.cadanoticia .moder-team-block{
		height: 175px;
		display: flex;
    	align-items: center;
	}
	.container-fluid{
		padding: 0 95px;
	}
	.onehomepage .index .itemm{
		width: 23%;
		margin: 0 1% 5%; 
	}
	.portfolio .itemm img{
		height: 412px;
		width: auto;
	}
	.blog-full-img img{
		min-height: 412px;
		width: auto;
	}
	.cadanoticia .moder-team-block{
		height: 175px;
	}
	.cadanoticia .blog-full-img img{
		height: auto;
		width: 100%;
	}
	.blog-full-img{
		display: flex;
		justify-content: center;
	    align-items: center;
	    height: 400px;
	    overflow-y: hidden;
	    overflow-x: hidden;
	    margin-bottom: 30px;
	    padding-bottom: 0;
	}
	.section-wrap, .work-text, .section-wrap-2{
		padding-top: 6rem;
	}
	.ml-lg{
		margin-left: -25px;
	}
	.arrow_to_top{
		bottom: 30px;
		right: 30px;
	}
	.logo:hover{
		width: 253px;
	}
	.portfolio .detalhe .port .itemm, .portfolio .detalhe .servicos .itemm{
		display: flex;
		justify-content: center;
	}

}


@media screen and (min-width: 1367px){
	.logo img {
		top: 0;
		height: 65px;
    left: -263px;
	}
	.logo{
		width: 65px;
	}
	.logo:hover{
	/*width: 333px;*/
	    width: 328px;
	}
	.arrow_to_top{
		width: 65px;
		height: 65px;
	}
	header.left .logo{
		width: 328px;
	}
	.onehomepage h1{
		line-height: 1;
	}
}

@media (min-width: 1600px){

	.blog-full-img img{
		min-height: 485px;
		width: auto;
	}
	.cadanoticia .blog-full-img img{
		height: auto;
		width: 100%;
	}
	.cadanoticia .blog-full-img{
		height: 650px;
	}
	.artigos .blog-full-img{
		height: 650px;
	}
	.portfolio .servicos .itemm img, .portfolio .port .itemm img {
	    height: 475px;
	    width: auto;
	}
	.onehomepage .bg-bg{
		background-position: 50% -11em;
	}

}

@media (min-width: 1900px){

	.artigos .blog-full-img img {
	    min-height: 680px;
	    width: auto;
	}
	.artigos .blog-full-img{
		height: 680px;
	}

}

@media screen and (max-width: 1366px) {
    .logo img {
    	width: auto;
    	/*height: 50px;
    	left: -200px;*/
    	height: 50px;
    	left: -205px;
    	top: 0;
    }
} 
@media screen and (max-width: 991px){

	.swiper-slide > div:first-child{
		height: 73%!important;
	}
	.swiper-slide > div:last-child{
		height: 27%!important;
	}
	.home .swiper-wrapper, #modern-slider .swiper-slide{
		height: 65vh!important;
	}
	.onehomepage .creative-slider h1{
		font-size: 2.5rem;
	}

}
@media screen and (max-width: 767px){

	.next-project .svg-arrow {
	    display: none;
	}	
	.onehomepage .creative-slider h1{
		line-height: 1;
	}

}
@media screen and (max-width: 736px){

	.arrow_to_top{
		width: 40px;
		height: 40px;
	}

}
@media screen and (max-width: 600px){

	.izotope-container .itemm{
		margin-bottom: 30px!important;
	}
	.pb0-xs{
		padding-bottom: 0!important;
	}
	.count-block{
		padding: 50px 5px 42px;
	}
	.swiper-slide > div:first-child{
		height: 70%!important;
	}
	.swiper-slide > div:last-child{
		height: 30%!important;
	}

}
@media screen and (max-width: 500px){

	.hide-xs{
		display: none!important;
	}
	.onehomepage .bg{
		position: relative;
	}
	.px0-xs{
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.top-baner a.logo{
		background-color: #ffffff;
	}
	.parallax-hero .clip .bg{
		margin-top: 4rem;
		background-size: contain;
	}
	.parallax-hero .clip, .parallax-hero .clip .bg, .about-top-img{
		height: 66vw!important;
	}
	.swiper-slide > div:first-child{
		height: 63%!important;
	}
	.swiper-slide > div:last-child{
		height: 37%!important;
	}
	.onehomepage .creative-slider .bg{
		background-size: contain;
	}
	#modern-slider .pagination.pagination-modern-slider{
		display: none!important;
	}
	.creative-slider{
		padding-top: 4rem;
	}
	header{
		background-color: #fff;
    	height: 65px;
	}
	.footer-sec{
		padding-top: 0;
	}
	.count-block span{
		font-size: 35px;
	}
	body.onehomepage header .submenu .dropdown li a{
		float: none!important;
	}
	.onehomepage header .submenu .dropdown li{
		padding: 3px 20px!important;
	}
	#main{
		padding-top: 4.5rem;
	}
	.section-wrap {
	    padding-top: 1rem!important;
	}
	.section-wrap-2 {
	    padding-top: 2.5rem!important;
	}
	.row.allservices{
		padding-top: 2rem;
	}
	.onehomepage header.left {
    	height: 45vh;
    }
    a.logo img.hide-sm{
    	transition: src 1s ease;
    }
    .cadanoticia .blog_full_post {
	    padding-top: 2rem!important;
	}
	.onehomepage .artigos.noticias .principal-container {
	    margin-top: 2rem!important;
	}
	.flex-xs{
		display: flex!important;
	}
	.share {
	    width: 69px;
	}
	.backbutton{
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.container-clientes{
		padding-left: 15px!important;
		padding-right: 15px!important;
		margin-top: 0;
	}
	.dropdownPort{
		font-size: 18px;
    	font-weight: bold;
	}
	.dropdownPort::after{
		content: "";
	    position: absolute;
	    right: 0;
	    top: 9px;
	    border: 8px solid #000;
	    border-left: 8px solid transparent;
	    border-right: 8px solid transparent;
	    border-bottom: 8px solid transparent;
	}
	.m15x-xs{
		margin: 0 15px!important;
	}
	.cliente{
		padding: 10px 0!important;
	}
	.container.no-padding.padding-xs{
		padding: 0 15px!important;
	}
	.map{
		margin-left: -15px;
		margin-right: -15px;
		overflow: visible;
	}
	.row.formularios{
		padding-left: 0!important;
    	padding-right: 0!important;
	}
	.creative-slider {
	    height: 345px;
	}
	.home .swiper-wrapper, #modern-slider .swiper-slide, .onehomepage .creative-slider .bg {
	    height: 275px!important;
	}
	.onehomepage .bg-bg-chrome {
	    background-position: top center;
	}
	.onehomepage .creative-slider h1{
		line-height: 1;
		font-size: 1.5rem;
	}
	.contact .map-canvas{
		height: 100vh;
	}
	.det-share a{
		margin-right: 0;
	}
	.det-share.servicos{
		margin-top: 3rem;
	}
	.servicos-share{
		margin-left: auto;
		margin-right: auto;
		float: none;
	}

}

@media screen and (max-width: 380px){

	.follow-footer a {
	    width: 40px;
	    height: 40px;
	    margin: 0 7px;
	}
	.creative-slider {
	    height: 290px;
	}
	.home .swiper-wrapper, #modern-slider .swiper-slide, .onehomepage .creative-slider .bg {
	    height:220px!important;
	}
	.swiper-slide > div:first-child{
		height: 62%!important;
	}
	.swiper-slide > div:last-child{
		height: 38%!important;
	}
	.parallax-hero .clip, .parallax-hero .clip .bg, .about-top-img{
		height: 70vw!important;
	}

}
@media screen and (min-width: 350px) and (max-width: 410px){
	.count-block {
	    padding: 50px 17px 42px;
	}
}
@media screen and (max-width: 300px){

	.follow-footer a {
	    width: 35px;
	    height: 35px;
	    margin: 0 7px;
	}
	.swiper-slide > div:first-child{
		height: 50%!important;
	}
	.swiper-slide > div:last-child{
		height: 50%!important;
	}
	.parallax-hero .clip, .parallax-hero .clip .bg, .about-top-img{
		height: 72vw!important;
	}

}