:root {

	

/*Fonte*/	

	

--theme-font: 'Neometric', sans-serif;	

	

	

/*Cores - Primárias*/

	

--primary-color: #ff0570;

	

--secondary-color: #fe4052;

	



/*Cores - Gradiente*/	

	

--gradient: linear-gradient(90deg, #ff0570, #fe4052);	

	

	

/*Cores - Tons de Cinza*/

	

--gray-1: #161616;	

--gray-2: #454545;

--gray-3: #707070;	

--gray-4: #d6d6d6;

--gray-5: #e9e9e9;	

--gray-6: #f5f5f5;	

--gray-7: #f9f9f9;

	



/*Cores - Sombras*/

	

--shadow-1: #00000022;

--shadow-2: #00000015;	

--shadow-3: #00000012;

--shadow-4: #00000010;	

--shadow-5: #00000008;	



	

/*Cores - Auxiliares*/	

	

--black: #000000;	

--gold: #ffd700;	

--white: #ffffff;	

--warning: #e10000;	

--whatsapp: #028916;	

	

}



/*****************************************

***************** FONTS ****************** 

*****************************************/



@font-face {

    font-family: 'Neometric';

    src: url('../font/Neometric-Light.eot');

    src: url('../font/Neometric-Light.eot?#iefix') format('embedded-opentype'),

        url('../font/Neometric-Light.woff2') format('woff2'),

        url('../font/Neometric-Light.woff') format('woff'),

        url('../font/Neometric-Light.ttf') format('truetype'),

        url('../font/Neometric-Light.svg#Neometric-Light') format('svg');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Neometric';

    src: url('../font/Neometric-Regular.eot');

    src: url('../font/Neometric-Regular.eot?#iefix') format('embedded-opentype'),

        url('../font/Neometric-Regular.woff2') format('woff2'),

        url('../font/Neometric-Regular.woff') format('woff'),

        url('../font/Neometric-Regular.ttf') format('truetype'),

        url('../font/Neometric-Regular.svg#Neometric-Regular') format('svg');

    font-weight: 400;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Neometric';

    src: url('../font/Neometric-Medium.eot');

    src: url('../font/Neometric-Medium.eot?#iefix') format('embedded-opentype'),

        url('../font/Neometric-Medium.woff2') format('woff2'),

        url('../font/Neometric-Medium.woff') format('woff'),

        url('../font/Neometric-Medium.ttf') format('truetype'),

        url('../font/Neometric-Medium.svg#Neometric-Medium') format('svg');

    font-weight: 600;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Neometric';

    src: url('../font/Neometric-ExtraBold.eot');

    src: url('../font/Neometric-ExtraBold.eot?#iefix') format('embedded-opentype'),

        url('../font/Neometric-ExtraBold.woff2') format('woff2'),

        url('../font/Neometric-ExtraBold.woff') format('woff'),

        url('../font/Neometric-ExtraBold.ttf') format('truetype'),

        url('../font/Neometric-ExtraBold.svg#Neometric-ExtraBold') format('svg');

    font-weight: 800;

    font-style: normal;

    font-display: swap;

}







/*****************************************

***************** GLOBAL ***************** 

*****************************************/



html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, button, small, strike, strong, sub, sup, ol, ul, li, form, input, textarea, label, table, tbody, tfoot, thead, tr, th, td, article, aside, footer,

header, nav, section, picture, img {

	box-sizing: border-box;

	border: 0;

	vertical-align: baseline;

	font-family: 'Neometric', sans-serif;

	font-size: 100%;

	text-rendering: geometricPrecision;

	margin: 0;

	padding: 0

}



article, aside, footer, header, nav, section {

	display: block

}



body {

	line-height: 1

}



body.no-scroll {

	overflow: hidden;

}



ol, ul {

	list-style: none

}



a, button {

    cursor: pointer;

    background-color: transparent;

    color: inherit;

    text-decoration: none;

    border: none;

    outline: none;

    padding: 0;

}



img {

	width: 100%;

	height: unset

}



span, strike {

	font-size: inherit;

	font-weight: inherit

}



strong {

	font-size: inherit;

	font-weight: 600;

}



section {

	position: relative;

	overflow: hidden;

	padding: 150px 0;

	z-index: 1

}







/*****************************************

***************** GRIDS ***************** 

*****************************************/



.container {

	width: 100%;

	max-width: 1530px;

	padding: 0 15px;

	margin: 0 auto

}



.container-fluid {

	width: 100%;

	max-width: 1920px;

	padding: 0 15px;

	margin: 0 auto

}



.box {

	position: relative;

	display: flex;

	flex-wrap: wrap;

}



.box.beetween {

	justify-content: space-between

}



.box.center {

	align-items: center

}



.grid {

	position: relative;

	display: grid;

}







/*****************************************

**************** TYPE ******************** 

*****************************************/



html, body, main, p, ol, ul, li, a, button, small, input, textarea {

	color: #606060;

}



h2, h3, h4 {

    color: #282828;

}



h2, .h2 {

    font-size: 53px;

    font-weight: 800;

    line-height: 1.1;

}



h3, .h3 {

	font-size: 32px;

	font-weight: 600;

	line-height: 1.1;

}



h4, .h4 {

	font-size: 25px;

	font-weight: 600;

	line-height: 1.1;

}



p, ul, li {

    font-size: 18px;

    letter-spacing: .15px;

    font-weight: 300;

    line-height: 1.75;

}



.sec-ttl_center {

	text-align: center;

	margin: 0 0 110px;

}



.sec-ttl_center small, .small-text_default {

    display: block;

    background: linear-gradient(90deg, #ff0170, #fe4052);

    color: transparent;

    -webkit-background-clip: text;

    text-transform: uppercase;

    font-size: 16px;

    font-weight: 600;

    letter-spacing: 5px;

    line-height: 1.3;

    margin: 0 0 10px;

}



.sec-ttl_center p {

    color: #707070;

    font-weight: 600;

    letter-spacing: .75px;

    margin: 15px 0 0;

}



.sec-ttl_left {

	margin: 0 0 45px;

}



.sec-ttl_line {

	display: flex;

	justify-content: space-between;

	margin: 0 0 110px;

}



.sec-ttl_line-title {

    width: 39%;

}



.sec-ttl_line-description {

    width: 56%;

}



.brand-icons {

	justify-content: center;

	gap: 20px;

	margin: 30px 0 0;

}





.brand-icon {

	max-width: 33px;

	max-height: 33px;

}



.icon-detached {max-width: 100px; max-height: 100px;}







/*****************************************

*************** BOTÕES *******************

*****************************************/



.btn {

	position: relative;

    display: inline-block;

    text-transform: uppercase;

    font-size: 19px;

    font-weight: 700;

    letter-spacing: .25px;

    border: 2px solid;

    border-radius: 10px;

    padding: 20px 30px;

    transition: .5s ease;

	z-index: 1;

}



.btn::before {

	pointer-events: none;

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	width: 100%;

	height: 100%;

	border-radius: 9px;

	opacity: 0;

	z-index: -1;

	transition: .5s ease;

}



.btn-icon {

    width: 19px;

    height: 19px;

    vertical-align: bottom;

    fill: currentColor;

    margin: 0 0 0 5px;

}



.btn-center {

	text-align: center;

	margin: 110px 0 0;

}



.btn-call-to-action {

    color: #252525;

    font-size: 30px;

    font-weight: 600;

    line-height: 1.4;

    margin: 0 0 35px;

}



.btn.pink {

    background: linear-gradient(90deg, #ff0170, #fe4052);

	border-color: #ff0170;

    color: #ffffff;

}



.btn.pink::before {

	background-color: #ffffff;

}



.btn.out {

    background-color: #ffffff;

	border-color: #ff0170;

    color: #ff0170;

}



.btn.out::before {

	background: linear-gradient(90deg, #ff0170, #fe4052);

}



.btn.wpp {

    background: linear-gradient(90deg, #028916, #079a1d);

    border-color: #028916;

    color: #ffffff;

}



.btn.wpp::before {

	background-color: #ffffff;

}









/*****************************************

************ WHATSAPP FIXO ***************

*****************************************/



.fixed-whatsapp_area {

	position: fixed;

	bottom: 15px;

	right: 15px;

	z-index: 997;

}



.fixed-whatsapp {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 70px;

	height: 70px;

	background-color: #028916;

	fill: #ffffff;

	border: 2px solid #028916;

	border-radius: 100%;

	transition: .5s ease;

}



.fixed-whatsapp_icon {

	position: relative;

	top: -2px;

	width: 35px;

	height: 35px;

}







/*****************************************

**************** MODAL *******************

*****************************************/



.modal {

	position: fixed;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	width: 100%;

	height: 100%;

	vertical-align: middle;

	text-align: center;

    overflow: auto;

	z-index: 999;

}



.modal::before {

	content: '';

	box-sizing: border-box;

	display: inline-block;

	height: 100%;

	vertical-align: middle;

	margin: 0 -0.05em 0 0

}



.modal_overlay {

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background-color: var(--gray-1);

    opacity: .92;

}



.modal_holder {

    position: relative;

    display: inline-block;

    width: 704px;

    max-width: 95%;

    vertical-align: middle;

	text-align: left;

    overflow: hidden;

	padding: 45px 0;

}



.modal_box {

    position: relative;

    background-color: var(--white);

    overflow: hidden;

    text-align: center;

}



.modal_close {

    cursor: pointer;

	position: relative;

	display: block;

    width: 22px;

    height: 22px;

	opacity: .5;

    margin: 0 0 16px auto;

	transition: .4s ease;

}



.modal_close::before,

.modal_close::after {

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

	width: 2px;

	height: 22px;

	background-color: var(--white);

	transition: .5s ease;

}



.modal_close::before {

 	transform: translate(-50%, -50%) rotate(45deg);

}



.modal_close::after {

 	transform: translate(-50%, -50%) rotate(-45deg);

}



.form_bar {

	position: relative;

    width: 100%;

    height: 8px;

    background-color: var(--gray-4);

}



.form_bar-progress {

    position: absolute;

    width: 10%;

    height: 100%;

    top: 0;

    left: 0;

    background-color: var(--primary-color);

    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);

    background-size: 32px 32px;

    animation: progressBar 2s linear infinite;

    transition: .5s ease;

}



.form_indicator {

    color: var(--gray-2);

	 font-size: 19px;

    margin: -50px 0 50px;

}



.form_indicator span {

	color: var(--gray-1);

	font-weight: 600;

}



.form {

	height: 500px;

    transform: scale(1.24);

    padding: 50px 150px 0;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: space-between;

}



.form_steps {

	position: relative;

    width: 100%;

}



.form_step {

    position: absolute;

    top: 0;

    left: 0;

    display: flex;

    flex-direction: column;

    justify-content: center;

    width: 100%;

    height: 313px;

    visibility: hidden;

    opacity: 0;

    transition: .4s ease;

}



.form_step.current {

	visibility: visible;

	opacity: 1;

}



.form_step-ttl-area {

	margin: 0 0 32px;

}



.form_step-ttl {

    display: block;

    color: var(--gray-1);

    text-wrap: balance;

    font-size: 20px;

    font-weight: 600;

}



.form_step-sub-ttl {

    display: block;

    color: var(--gray-2);

    font-size: 14px;

    letter-spacing: .25px;

    margin: 12px 0 0;

}



.form_field-area {

	position: relative;

}



.form_field-area + .form_field-area, .form_field-area + .form_field-area-group, .form_field-area-group + .form_field-area {

	margin: 12px 0 0;

}



.form_field-area-group {

    display: grid;

    grid-template-columns: 1.64fr 1fr;

    grid-gap: 12px;

}



.form_field-area-group .form_field-area {

	margin: 0;

}



.form_field {

    display: block;

    width: 100%;

	font-family: var(--theme-font);

    font-size: 15px;

	font-weight: 400;

    border: 1px solid var(--gray-4);

    border-radius: 4px;

    padding: 12px 12px 12px 48px;

    transition: .5s ease;

}



input.form_field, select.form_field {

	height: 50px;

}



select.form_field {

	padding: 12px 12px 12px 45px;

}



textarea.form_field {

	height: 180px;

}



.form_field::placeholder, select.form_field, option:disabled, option {

	text-rendering: geometricPrecision;

	color: var(--gray-3);

	font-family: var(--theme-font);

    font-size: 15px;

	font-weight: 400;

}



.form_field:focus,

.form_field:focus-within,

.form_field:valid {

	color: var(--gray-1);

	box-shadow: none;

	outline: none;

	border-color: var(--gray-1);

}



.form_icon {

    position: absolute;

    top: 17px;

    left: 17px;

    fill: var(--gray-1);

    width: 16px;

    height: 16px;

	opacity: .24;

	transition: .5s ease;

}



.form_field:focus ~ .form_icon,

.form_field:focus-within ~ .form_icon,

.form_field:valid ~ .form_icon {

	opacity: 1;

}



.form_nav-area {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    align-items: center;

    width: 100%;

}



.form_nav-prev {

    display: flex;

    align-items: center;

    justify-self: flex-start;

    color: var(--gray-3);

    text-transform: uppercase;

    font-size: 13px;

    letter-spacing: 0.5px;

    font-weight: 600;

	visibility: hidden;

	opacity: 0;

	transition: .5s ease;

}



.form_nav-prev:hover {

	color: var(--gray-1);

}



.form_nav-prev-icon {

    fill: currentColor;

    width: 11px;

    height: 11px;

    margin: 0 8px 0 2px;

}



.form_nav-next {

    display: flex;

    align-items: center;

    justify-content: center;

    justify-self: center;

    width: 100%;

    text-align: center;

    font-size: 14px;

	padding: 16px 4px;

}



.form_nav-next-icon {

    fill: currentColor;

    width: 12px;

    height: 12px;

    margin: 0 0 0 6px;

}



.form_options {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 10px;

}



.form_option {

	cursor: pointer;

	position: relative;

    background-color: var(--gray-7);

    color: var(--gray-3);

    font-size: 14px;

    border: 1px solid var(--gray-5);

    border-radius: 4px;

    padding: 18px 28px;

	transition: .5s ease;

}



.form_step.current .form_option {

	animation: fadeElements .72s both;

	animation-delay: var(--delay);

}



.form_option.active {

	background-color: var(--primary-color);

	color: var(--white);

	border-color: var(--primary-color);

}



.form_option.active:hover {

	color: var(--white);

	transform: scale(1.03);

}



.form_option:hover {

	color: var(--primary-color);

	border-color: var(--primary-color);

	transform: scale(1.03);

}



.form_goals {

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	grid-gap: 10px;

}



.form_goal {

    cursor: pointer;

    position: relative;

    background-color: var(--gray-7);

    color: var(--gray-3);

    font-size: 12.8px;

    line-height: 1.2;

    border: 1px solid var(--gray-5);

    border-radius: 4px;

    padding: 20px 10px;

    transition: .5s ease;

}



.form_goal-icon {

	display: block;

    width: 32px;

    height: 32px;

    margin: 0 auto 8px;

}



.form_step.current .form_goal {

	animation: fadeElements .72s both;

	animation-delay: var(--delay);

}



.form_goal.active {

	background-color: var(--gray-1);

	color: var(--white);

	border-color: var(--gray-1);

}



.form_error {

	position: relative;

    background-color: #b60000;

    border-radius: 3px;

	visibility: hidden;

	opacity: 0;

	transform: translateY(-12px) scale(0.72);

    margin: 12px 0;

	transition: .3s ease;

}



.form_error.active {

	visibility: visible;

	opacity: 1;

	transform: translate(0) scale(1);

}



.form_error::before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 3px;

    background-color: #f48383;

	transform: scaleX(0);

	transform-origin: left;

	transition: transform 5s linear .3s;

}



.form_error.active::before {

	transform: scaleX(1);

}



.form_error-box {

	display: flex;

	align-items: center;

	justify-content: center;

	padding: 14px 14px 19px;

}



.form_error-icon {

    fill: var(--white);

    width: 18px;

    height: 18px;

	opacity: .8;

    margin: 0 8px 0 0;

}



.form_error-txt {

	display: block;

    color: var(--white);

	font-size: 15px;

    opacity: .8;

}



.form_success-area {

    position: absolute;

    top: 0;

    left: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 100%;

    background-color: var(--white);

	visibility: hidden;

	opacity: 0;

    z-index: -1;

	transition: .4s ease;

}



.form_success-area.form_sent {

	visibility: visible;

	opacity: 1;

	z-index: 999;

}



.form_success-box {

	padding: 0 20px;

}



.form_success-icon {

    stroke: var(--primary-color);

	stroke-dasharray: 270, 290;

    stroke-dashoffset: 290;

    width: 80px;

    height: auto;

	transition: 1.3s ease;

}



.form_sent .form_success-icon {

    stroke-dasharray: 270, 0;

}



.form_success-ttl {

    color: var(--gray-1);

    text-wrap: balance;

    font-size: 32px;

    font-weight: 600;

    line-height: 1.16;

    margin: 32px 0 16px;

}



.form_success-txt {

    color: var(--gray-2);

    font-size: 17.5px;

    line-height: 1.24;

    margin: 0 0 32px;

}



.form_success-restart {

    display: block;

    width: fit-content;

    color: var(--gray-3);

    text-transform: uppercase;

	text-decoration: underline;

    font-size: 13.5px;

    font-weight: 600;

    letter-spacing: 0.5px;

    margin: 24px auto 0;

	transition: .5s ease;

}



.form_success-ttl, .form_success-txt, .form_success-close, .form_success-restart {

	position: relative;

	opacity: 0;

}



.form_sent .form_success-ttl, .form_sent .form_success-txt, .form_sent .form_success-close, .form_sent .form_success-restart {

	animation: fadeElements 1s both;

	animation-delay: var(--delay);

}



.modal_close:hover {

	opacity: 1;

}



@keyframes progressBar {

	0% {

		background-position: 32px 0;

	}

	100% {

		background-position: 0 0;

	}

}



@keyframes fadeElements {

	0% {

		opacity: 0;

		top: 32px;

	}

	100% {

		opacity: 1;

		top: 0;

	}

}



@media (min-width: 1940px) {

	

.modal_holder {

    transform: scale(1.2);

}	

	

}



@media (min-width: 992px) {

	

.form_success-restart:hover {

	color: var(--primary-color);

}



.form_goal.active:hover {

	color: var(--white);

	transform: scale(1.03);

}



.form_goal:hover {

	color: var(--gray-1);

	border-color: var(--gray-1);

	transform: scale(1.03);

}	

	

}



@media (max-width: 768px) {

	

.modal_close {

    width: 18px;

    height: 18px;

    margin: 0 0 14px auto;

}

	

.modal_close::before, .modal_close::after {

    height: 18px;

}	

	

.orcamento_box #form_whatsapp_orcamento  {

    height: 468px;

    padding: 20px 12px;

	transform:scale(1.1);

}

	

	

.orcamento_form_indicator {

    font-size: 13px;

    margin: 8px 0 0;

}	

	

.form_step-ttl-area {

    margin: 20px 0 ;

}	

	

.form_step-ttl {

    font-size: 3.3vw;

}

	

.form_step-sub-ttl {

    font-size: 12px;

    margin: 8px 0 0;

}	

	

.form_goals {

    grid-template-columns: repeat(2, 1fr);

}

	

.form_goal {

    font-size: 2.7vw;

    padding: 12px 20px;

}	

	

.form_goal-icon {

    width: 38px;

    height: 38px;

    margin: 0 auto 6px;

}	

	

.form_option {

    font-size: 2.8vw;

    line-height: 1.44;

    padding: 12px;

}	

	

#modal .btn {

    font-size: 12px!important;

    padding: 12px 24px!important;

}	

	

.form_nav-prev {

    font-size: 12px;

    letter-spacing: 0.25px;

}	

	

.form_nav-prev-icon {

    width: 9px;

    height: 9px;

    margin: 0 6px 0 2px;

}

	

.form_field-area-group {

    grid-template-columns: 1fr;

}	

	

.form_field, .form_field::placeholder, select.form_field, option:disabled, option {

    font-size: 12px;

}	

	

.form_field-select-area::before {

    content: '';

    position: absolute;

    top: 18px;

    right: 16px;

    width: 8px;

    height: 8px;

    border: solid var(--gray-3);

    border-width: 2px 2px 0 0;

    transform: rotate(135deg);

}

	

.form_success-icon {

    width: 64px;

}	



.form_success-ttl {

    font-size: 4.5vw;

    margin: 24px 0 12px;

}	

	

.form_success-txt {

    font-size: 3.44vw;

    margin: 0 0 24px;

}		

	

.form_success-restart {

    font-size: 12px;

}	

	

select {

	-webkit-appearance:none!important;

	background-color: #ffffff!important;

	background: #ffffff!important;

}	



}



/*****************************************

***************** LGPD *******************

*****************************************/



.warning_container {

    position: fixed;

    left: 0;

    bottom: 15px;

    right: 0;

    background-color: #ffffff;

    box-shadow: 0 0 20px #00000012;

    border-radius: 8px;

    padding: 20px;

    margin: 0 auto;

    z-index: 998;

}



.warning_text-area {

	width: 80%;

}



.warning_text {

	display: block;

	font-size: 15px;

	line-height: 1.45;

}



.warning_link {

    color: #ff0170;

    font-weight: 700;

    transition: .5s ease;

}



.warning_button-area {

	width: 15%;

}



.warning_button {

    display: block;

    width: 100%;

    font-size: 15px;

    padding: 10px 0;

}



.lgpd_text-area p {

	line-height: 1.8;

}



.lgpd_text-area p:not(:last-child) {

	margin: 0 0 15px;

}



.lgpd_text-area h3 {

	margin: 40px 0 15px;;

}







/*****************************************

************* RESPONSIVO *****************

*****************************************/



@media (min-width: 768px) {

	

.crm_integrations-carousel .owl-stage {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%!important;

}



.crm_integrations-carousel .owl-item {

	width: fit-content!important;

}



.crm_integrations-carousel .owl-stage:after {

	display: none;

}	

	

.btn:hover {

	transform: scale(1.03);

}



.btn:hover::before {

	opacity: 1;

}



.btn.pink:hover {

	color: #ff0170;

}

	

.btn.out:hover {

	color: #ffffff;

}

	

.btn.wpp:hover {

	color: #028916;

}	



.navbar_link:hover {

	opacity: 1;

}



.intro_tab:not(.intro_tab-active):hover .intro_tab-squeezed-icon {

	transform: scale(1.2);

	opacity: 1;

}



.intro_tab:not(.intro_tab-active):hover .intro_tab-squeezed-title {

	opacity: 1;

}



.web-development_tab-button:not(.web-development_tab-active):hover {

	background-color: #f2f2f2;

}



.web-development_tab-arrows-button:hover {

	background-color: #ff0170;

	fill: #ffffff;

}



.crm_card:hover {

    background-color: #ff0170;

}



.crm_card:hover .crm_card-icon-area {

   background-color: #252525; 

}



.crm_card:hover .crm_card-title,

.crm_card:hover .crm_card-description {

   color: #ffffff; 

}



.portfolio_carousel .owl-prev:hover .portfolio_nav,

.portfolio_carousel .owl-next:hover .portfolio_nav {

	fill: #ff0170;

}



.portfolio_carousel .owl-dot:hover span {

	opacity: .7;

}



.portfolio_link:hover .portfolio_img-wrapper::before {

	opacity: .6;

}



.portfolio_link:hover .portfolio_img-wrapper::after {

	transform: scale(1);

	opacity: 1;

}



.portfolio_link:hover .portfolio_img {

	object-position: 0 100%;

	transition: 8s linear;

}



.portfolio_link:hover .portfolio_info-wrapper {

	background-color: #151515;

}





.testimonials_carousel .owl-prev:hover .testimonials_nav,

.testimonials_carousel .owl-next:hover .testimonials_nav {

	fill: #ff0170;

}



.testimonials_card:hover {

	background-color: #fafafa;

}



.testimonials_card:hover .testimonials_card-quotes {

	opacity: .06;

}



.diferentials_card:hover .diferentials_card-icon {

    transform: scale(1.08) rotate3d(0, 1, 0, 360deg);

}



.diferentials_card:hover .diferentials_card-title {

	color: #ff0170;

}



.team_card:hover .team_photo-static-area {

	visibility: hidden;

	opacity: 0;

	transition-delay: .1s;

}



.team_card:hover .team_photo-hover-area {

	visibility: visible;

	opacity: 1;

}



.team_card:hover .team_txt-area {

	background-color: #252525;

}



.team_card:hover .team_name {

	color: #ffffff;

}



.team_card:hover .team_description {

	color: #ffffffcc;

}



.team_card-cta-link:hover .team_card-cta-icon-area {

	background-color: #ffffff;

	border-color: #ff0170;

	fill: #ff0170;

} 

	

.fixed-whatsapp:hover {

	background-color: #ffffff;

	fill: #028916;

}		



.footer_address-link:hover {

    color: #ff0170;

}



.footer_social-link:hover {

    background-color: #ff0170;

    fill: #252525;

    transform: scale(1.1);

}



.footer_link:hover {

    color: #ff0170;

}		

	

}



@media (max-width: 1540px) {

	

.container {

    max-width: 1280px;

}	

	

section {

    padding: 120px 0;

}	

	

h2, .h2 {

    font-size: 45px;

}

	

h3, .h3 {

    font-size: 25px;

}	

	

h4, .h4 {

    font-size: 20px;

}	

	

p, ul, li {

    font-size: 16px;

}

	

.sec-ttl_line, .sec-ttl_center {

    margin: 0 0 90px;

}

	

.sec-ttl_center small, .small-text_default {

    font-size: 14px;

}	

	

.btn {

    font-size: 17px;

    padding: 18px 25px;

}	

	

.btn-center {

    margin: 90px 0 0;

}

	

.btn-call-to-action {

    font-size: 25px;

    margin: 0 0 30px;

}	



.navbar_logo {

    width: 110px;

}

	

.navbar_list {

    gap: 25px;

}	

	

.navbar.navbar_fixed .navbar_link {

    font-size: 14px;

}	

	

.navbar_cta {

    font-size: 12px;

    padding: 14px 20px;

}

	

.banner {

    height: 800px;

}	



.banner_logo {

    width: 250px;

}	

	

.banner_slogan {

    font-size: 19px;

}

	

.intro_tab {

    height: 430px;

    padding: 40px 25px;

}

	

.intro_tab-icon {

    width: 45px;

    height: 45px;

}	

	

.web-development_grid {

    grid-column-gap: 40px;

}

	

.web-development_tab-button {

    font-size: 13px;

}	

	

.web-development_tab-button-icon {

    width: 35px;

    height: 35px;

    margin: 0 auto 8px auto;

}	

	

.web-development_tab-content-wrapper {

    height: 400px;

    padding: 25px;

    margin: 25px 0;

}	

	

.meta-ads_card {

    padding: 30px;

}	

	

.meta-ads_card-icon {

    width: 40px;

    height: 40px;

}

	

.meta-ads_card-item-mark {

    width: 10px;

    height: 10px;

}	

	

.crm_card {

    padding: 15px;

}

	

.crm_card-icon-area {

    width: 50px;

    height: 50px;

}	

	

.crm_card-icon {

    width: 27px;

    height: 27px;

}	

	

.crm_card-txt-area {

    width: calc(100% - 70px);

}	

	

.crm_card-title {

    font-size: 17px;

}	

	

.crm_integration_logo {

    max-height: 30px;

    max-width: 118px;

}	

	

.portfolio_img-wrapper {

    height: 350px;

}

	

.portfolio_segment-icon {

    width: 15px;

    height: 15px;

}	

	

.portfolio_txt-segment {

    font-size: 12px;

    letter-spacing: .5px;

}	

	

.portfolio_logo {

    max-width: 100px;

    max-height: 60px;

}

	



.testimonials_video-poster.poster-vertical {

    height: 687px;

}	

	

.testimonials_card {

    height: 300px;

    padding: 25px;

}

	

.testimonials_card-photo {

    width: 50px!important;

    height: 50px;

}

	

.testimonials_card-client-name {

    font-size: 14px;

}

	

.testimonials_card-logo {

    max-width: 90px;

    max-height: 35px;

}

	

.diferentials_card-grid {

    grid-column-gap: 50px;

}	

	

.diferentials_card-icon {

    width: 45px;

    height: 45px;

}	

	

.diferentials_card-title {

    font-size: 17px;

}

	

.about_timeline-nav-icon-area {

    width: 60px;

    height: 60px;

}	

	

.about_timeline-nav-icon {

	width: 25px;

	height: 25px;

}	

	

.about_timeline-nav-year {

    font-size: 40px;

}	

	

.about_timeline-nav-title {

    font-size: 16px;

}

	

.about_timeline_txt-area {

    padding: 0 65px;

}

	

.about_timeline_content-count {

    font-size: 170px;

}	

	

.about_timeline_content-year {

    font-size: 28px;

}	

	

.about_timeline_content-img-area {

    height: 500px;

}	

	

.team_txt-area {

    padding: 22px;

}	

	

.team_name {

    font-size: 19px;

}	

	

.team_role {

    font-size: 13px;

}

	

.team_card-cta-text {

    font-size: 24px;

    margin: 0 0 40px;

}	

	

.team_card-cta-icon-area {

    width: 70px;

    height: 70px;

}	

	

.team_card-cta-icon {

    width: 25px;

    height: 25px;

}

	

span.footer_copyright {

    font-size: 14px;

}	

	

.footer span, .footer a {

    font-size: 12px;

}	

	

.footer_stamp-icon {

    width: 45px;

    height: 45px;

}	

	

span.footer_stamp-txt-lgpd {

    font-size: 28px;

}	

	

span.footer_stamp-txt-compliance {

    font-size: 11.5px;

    letter-spacing: 0.5px;

}	

	

.footer_address-icon {

    width: 16px;

    height: 16px;

}	



.footer_link::before {

    width: 5px;

}	

	

.footer_social-link {

    width: 35px;

    height: 35px;

}	

	

.footer_social-icon {

    width: 14px;

    height: 14px;

}	

	

}



@media (max-width: 1355px) {

	

.banner {

    height: 665px;

}	



.banner_logo {

    width: 220px;

}	

	

.banner_slogan {

    font-size: 17px;

}	

	

}



@media (max-width: 1290px) {

	

.container {

    max-width: 1140px;

}		

	

section {

    padding: 100px 0;

}	

	

h2, .h2 {

    font-size: 40px;

}

	

h3, .h3 {

    font-size: 20px;

}	

	

h4, .h4 {

    font-size: 17px;

}	

	

p, ul, li {

    font-size: 15px;

}

	

.sec-ttl_line, .sec-ttl_center {

    margin: 0 0 80px;

}

	

.sec-ttl_center small, .small-text_default {

    font-size: 13px;

}	

	

.btn {

    font-size: 16px;

}	

	

.btn-center {

    margin: 80px 0 0;

}

	

.btn-call-to-action {

    font-size: 22px;

    margin: 0 0 30px;

}		

	

.navbar.navbar_fixed .navbar_container {

    padding: 0 15px;

}	

		

.navbar_logo {

    width: 100px;

}	

	

.navbar_list {

    gap: 20px;

}	

	

.navbar.navbar_fixed .navbar_link, .navbar_cta {

    font-size: 12px;

}	

	

.banner {

    height: 700px;

}

	

.banner_logo {

    width: 220px;

}

	

.banner_slogan {

    font-size: 16px;

}	

	

.intro_tab {

    height: 385px;

    padding: 30px 20px;

}	

	

.intro_tab-squeezed-title {

    font-size: 17px;

}

	

.intro_tab-squeezed-icon {

    width: 35px;

    height: 35px;

	margin: 0 15px 0 0;

}	

	

.intro_tab-icon {

    width: 40px;

    height: 40px;

}

	

.testimonials_video-poster.poster-vertical {

    height: 622px;

}	

	

.portfolio_container {

    padding: 0 60px;

}	

	

.portfolio_nav {

	width: 20px;

	height: 20px;

}	

	

.portfolio_img-wrapper {

    height: 250px;

}	

	

.portfolio_info-wrapper {

    padding: 20px;

}	

	

.portfolio_txt-segment {

    font-size: 11px;

    letter-spacing: .25px;

}

	

.portfolio_logo {

    max-width: 90px;

    max-height: 55px;

}	

	

.testimonials_card-client-name {

    font-size: 13px;

}

	

.testimonials_card-logo {

    max-width: 85px;

    max-height: 32px;

}

	

.warning_text {

    font-size: 14px;

}	

	

}



@media (max-width: 1150px) {

	

.container {

    max-width: 768px;

}

	

body.menu-open {

	position: relative;

	overflow: hidden;

}

	

body.menu-open::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background-color: #151515;

    opacity: 0.93;

    z-index: 997;

}	

	

h2, .h2 {

    font-size: 35px;

}

	

h3, .h3 {

    font-size: 19px;

}	

	

h4, .h4 {

    font-size: 16px;

}	

	

.sec-ttl_line, .sec-ttl_center {

    display: block;

	text-align: center;

}	

	

.sec-ttl_line-title, .sec-ttl_line-description {

	width: 100%;

}	

	

.sec-ttl_center p, .sec-ttl_line p  {

    margin: 15px 0 0;

}	

	

.btn-call-to-action br {

	display: none;

}	

	

.navbar_hamburguer-menu {

    position: relative;

    flex-direction: column;

    justify-content: space-around;

    width: 38px;

    height: 35px;

    z-index: 998;

}

	

.navbar_hamburguer-menu-dash {

	width: 100%;

	height: 2px;

	background-color: #252525;

	transition: .8s ease;

}	



.navbar_hamburguer-menu-area {

	display: block;

}	

	

.menu-open .menu_dash-one {

	background-color: #ff0170;

    transform: rotate(45deg) translate(9px, 9px);

}



.menu-open .menu_dash-two {

	transform: scaleX(0);

	opacity: 0;

}	

	

.menu-open .menu_dash-three {

	background-color: #ff0170;

    transform: rotate(-45deg) translate(8px, -8px);

}

	

.navbar_list {

    position: fixed;

    top: 0;

    right: -100%;

    flex-direction: column;

    gap: 40px;

    height: 100vh;

    background-color: #ffffff;

    box-shadow: -20px 0px 20px #00000010;

    padding: 75px;

    z-index: 997;

	transition: .8s ease;

}

	

.menu-open .navbar_list {

	right: 0;		

}	

	

.navbar.navbar_fixed .navbar_link {

    font-size: 15px;

}	

	

.navbar_item {

	visibility: hidden;

	opacity: 0;

}	

	

.menu-open .navbar_item {

	animation: fadeInUp .8s forwards;

}	



.menu-open .navbar_item:nth-child(1) {

	animation-delay: .1s;

}	



.menu-open .navbar_item:nth-child(2) {

	animation-delay: .3s;

}	



.menu-open .navbar_item:nth-child(3) {

	animation-delay: .5s;

}

	

.menu-open .navbar_item:nth-child(4) {

	animation-delay: .7s;

}

	

.menu-open .navbar_item:nth-child(5) {

	animation-delay: .9s;

}

	

.menu-open .navbar_item:nth-child(6) {

	animation-delay: 1.1s;

}

	

.menu-open .navbar_item:nth-child(7) {

	animation-delay: 1.3s;

}	

	

.navbar_cta-area {

	display: none;

}

	

.navbar_cta {

    font-size: 12px;

}

	

.banner {

    height: 550px;

}

	

.banner_roll {

	width: 30px;

}	

	

.intro_tabs.box {

	flex-direction: column;

	row-gap: 15px;

}

	

.intro_tab {

    height: auto;

    padding: 25px;

}	

	

.intro_tab.intro_tab-active, .intro_tab {

	width: 100%;

}	

	

.intro_tab-squeezed.box {

    flex-direction: row;

    justify-content: flex-start;

}

	

.intro_tab-squeezed-title {

    writing-mode: horizontal-tb;

    transform: none;

}

	

.web-development_grid {

    grid-template-columns: 1fr;

    grid-column-gap: 0;

    grid-row-gap: 70px;

}	

	

.web-development_img-area {

	order: 1;

}	

	

.web-development_tab-area {

	order: 2;

}

	

.web-development_tab-button {

    padding: 15px 30px;

}

	

.web-development_tab-content-wrapper {

    height: auto;

}	

	

.google-ads_grid {

    grid-template-columns: 1fr;

    grid-column-gap: 0;

    grid-row-gap: 70px;

}

	

.google-ads_mockup-area {

    order: 1;

    width: 60%;

    margin: 0 auto;

}	

	

.google-ads_timeline-area {

	order: 2;

}

	

.google-ads_mockup-wrapper {

    position: static;

}	

	

.google-ads_timeline-point:first-child {

    padding-top: 0;

}

	

.google-ads_timeline-point:not(:last-child) {

    padding-bottom: 70px;

}

	

.google-ads_timeline-point:last-child {

    padding-bottom: 0;

}	

	

.google-ads_timeline-icon-area {

    width: 80px;

    height: 80px;

    margin: 0 20px 0 0;

}	

	

.google-ads_timeline-icon {

    width: 38px;

    height: 38px;

}

	

.google-ads_timeline-point:not(:last-child) .google-ads_timeline-icon-area::before {

    transform: scaleY(2.7);

}

	

.google-ads_timeline-text-area {

    width: calc(100% - 100px);

}

	

.meta-ads_grid {

    grid-template-columns: 1fr;

    grid-column-gap: 0;

    grid-row-gap: 70px;

}	

	

.meta-ads_cards-area {

    padding: 0;

}	

	

.meta-ads_mockup-wrapper {

    position: static;

    width: 50%;

    transform: none;

    margin: 0 auto;

}

	

.crm_mockup-area {

    margin: 0 0 70px;

}	

	

.crm_mockup {

    transform: scale(.9);

}

	

.crm_grid {

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 40px;

}

	

.crm_card {

    padding: 0;

}	

	

.crm_integrations-title-area, .crm_integrations-carousel-area {

	width: 100%;

}	

	

.crm_integrations-title {

    text-align: center;

    font-size: 22px;

    margin: 0 0 30px;

}	

	

.testimonials_grid {

    grid-template-columns: 1.3fr 1fr;

    grid-gap: 28px;

}

	

.testimonials_video-poster.poster-vertical {

    height: 583px;

}	

		

.portfolio-modal_title {

	display: none;

}	

	

.portfolio_modal-close {

    width: 40px;

    height: 25px;

}	

	

.portfolio_modal-close-x {

    width: 30px;

    height: 2px;

}	

	

.diferentials_title-area {

    width: 100%;

    border-radius: 0 100px 0 0;

    padding: 60px 0;

	margin: 0 0 70px;

}	



.diferentials_title br {

	display: none;

}	

	

.diferentials_card-area {

	width: 100%;

}	

	

.diferentials_card-grid {

    grid-template-columns: 1fr;

    align-items: center;

    grid-column-gap: 0;

    grid-row-gap: 45px;

}	

	

.about_timeline-nav {

    width: 24%;

}

	

.about_timeline-nav:not(:last-child) .about_timeline-nav-icon-area::before,

.about_timeline-nav:not(:last-child).timeline_viewed .about_timeline-nav-icon-area::after {

    transform: scaleX(4);

}	



	

.about_timeline-nav-title {

    font-size: 14px;

}	

	

.about_timeline-nav-title br {

	display: none;

}	

	

.about_timeline_txt-area, .about_timeline_content-img-area {

	width: 100%;

}	

	

.about_timeline_txt-area {

	padding: 25px;

}

	

.about_timeline_content-icon-area {

	display: none;

}	

	

.about_timeline_content-img-area {

    height: 420px;

}

	

.team_grid {

    grid-template-columns: repeat(2, 1fr);

}	

	

.footer_grid {

    grid-template-columns: 1fr;

    grid-row-gap: 40px;

}

	

.footer_lgpd-disclaimer-and-social-area {

	order: 1;

}

	

.footer_links-area {

	order: 2;

}		



.footer_stamp-area {

	order: 3;

}	

	

.footer_address-link {

    margin: 10px 0 20px;

}	

	

.footer_links-area {

    justify-self: center;

}	

	

.footer_link {

	display: inline-block;

	text-align: center;

}

	

.footer_link:first-child {

    margin: 0 15px 0;

}	

	

.footer_stamp-wrapper.box {

	justify-content: center;

}

	

}



@media (max-width: 767px) {

	

.container {

	max-width: 100%;

}	

	

section {

    padding: 70px 0;

}	

	

h2, .h2 {

    font-size: 25px;

}

	

h3, .h3 {

    font-size: 17px;

}	

	

h4, .h4 {

    font-size: 15px;

}	

	

p, ul, li {

    font-size: 14px;

}

	

.sec-ttl_line, .sec-ttl_center {

    margin: 0 0 55px;

}

	

.sec-ttl_center small, .small-text_default {

    font-size: 12px;

}

	

.brand-icon {

    max-width: 26px;

    max-height: 26px;

}



.form_textarea {

    height: 170px;

}	

	

.btn {

    font-size: 15px;

    line-height: 1.3;

}

	

.btn-icon {

    width: 15px;

    height: 15px;

}	

	

.btn-center {

    margin: 55px 0 0;

}

	

.btn-call-to-action {

    font-size: 17px;

    margin: 0 0 20px;

}		

	

.navbar {

    padding: 15px 0;

}	



.navbar_logo {

    width: 80px;

}

	

.navbar_hamburguer-menu {

    width: 32px;

    height: 29px;

}

	

.menu-open .menu_dash-one {

    transform: rotate(45deg) translate(8px, 7px);

}

	

.menu-open .menu_dash-three {

    transform: rotate(-45deg) translate(7px, -7px);

}	

	

.navbar_list {

    gap: 30px;

    padding: 50px 25px;

}

	

.navbar.navbar_fixed .navbar_link {

    font-size: 13px;

}	



.navbar_cta {

    font-size: 12px;

    padding: 11px 16px;

    border-radius: 4px;

}

	

.banner {

    height: 350px;

}

	

.banner_logo-area {

    margin: 160px 0 0 0;

}	

	

.banner_logo {

    width: 130px;

    margin: 0 0 10px;

}

	

.banner_slogan {

    font-size: 12px;

}

	

.banner_roll-area {

    display: none;

}	

	

.intro_tab-squeezed-icon {

    width: 28px;

    height: 28px;

}	

	

.intro_tab-squeezed-title {

    font-size: 16px;

}	

	

.intro_tab-content-txt-area {

    width: 100%;

}

	

.intro_tab-content-img-area {

	width: 80%;

	margin: 45px auto 0;

}	



.web-development_tab-button-area {

	row-gap: 15px;

}

	

.web-development_tab-button {

    width: 48%;

}

	

.google-ads_mockup-area {

    width: 80%;

}

	

.google-ads_timeline-icon-area {

    width: 60px;

    height: 60px;

    margin: 0 15px 0 0;

}

	

.google-ads_timeline-icon {

    width: 30px;

    height: 30px;

}

	

.google-ads_timeline-point:not(:last-child) .google-ads_timeline-icon-area::before {

    transform: scaleY(6);

}	

	

.google-ads_timeline-text-area {

    width: calc(100% - 75px);

}

	

.meta-ads_mockup-wrapper {

    width: 65%;

}	

	

.meta-ads_card {

	top: 100px;

    padding: 20px;

}	

	

.meta-ads_card-icon {

    width: 35px;

    height: 35px;

}

	

.meta-ads_card-title {

	width: calc(100% - 55px);	

}	

	

.crm_grid {

    grid-template-columns: 1fr;

    grid-gap: 35px;

}

	

.crm_mockup-video {

    height: 220px;

}	

	

.crm_card-title {

    font-size: 16px;

}	

	

.crm_integrations-area {

    margin: 45px 0 85px;

    padding: 0;

}	



.crm_integrations-title {

    font-size: 18px;

    margin: 0 0 25px;

}	

	

.portfolio_container {

    padding: 0 15px;

}

	

.portfolio_carousel .owl-nav {

	display: none;

}

	

.portfolio_carousel .owl-dot span {

    width: 7px;

    height: 7px;

	margin: 0 7px 0 0;

}

	

.portfolio_modal-logo {

    max-width: 160px;

    max-height: 70px;

}

	

.testimonials_grid {

    grid-template-columns: 1fr;

    grid-gap: 20px;

}	

	

.testimonials_video-poster, .testimonials_video-poster.poster-vertical {

    object-fit: cover;

    height: 300px;

}	



.testimonials_video-play-wrapper {

    width: 60px;

    height: 60px;

}

	

.testimonials_video-play-icon {

    width: 30px;

    height: 30px;

}	

	

.diferentials_card-icon {

    width: 40px;

    height: 40px;

}

	

.diferentials_card-title {

    font-size: 16px;

    margin: 15px 0 5px;

}

	

.about_timeline-nav-icon-area {

    width: 55px;

    height: 55px;

}

	

.about_timeline-nav-icon {

    width: 23px;

    height: 23px;

}

	

.about_timeline-nav:not(:last-child) .about_timeline-nav-icon-area::before,

.about_timeline-nav:not(:last-child).timeline_viewed .about_timeline-nav-icon-area::after {

    transform: scaleX(2);

}	

	

.about_timeline-nav-year {

    font-size: 25px;

    letter-spacing: -1px;

}	

	

.about_timeline-nav-title {

	display: none;

}	

	

.about_timeline_content-year-dash {

    width: 40px;

}	

	

.about_timeline_content-year {

    font-size: 22px;

}	

	

.about_timeline_content-img-area {

    height: 270px;

}	

	

.team_grid {

    grid-template-columns: 1fr;

    grid-gap: 35px;

}

	

.team_photo-area {

    height: 290px;

}

	

.team_card-cta-text {

    font-size: 22px;

    margin: 0 0 25px;

}	

	

.team_card-cta-text br {

	display: none;

}

	

.team_card-cta-icon-area {

    width: 60px;

    height: 60px;

}	

	

.modal_header, .modal_body {

    padding: 20px;

}

	

.modal_header-icon {

    width: 40px;

    height: 40px;

	margin: 0 15px 0 0;

}

	

.modal_header-title-area {

    width: calc(100% - 100px);

}	

	

.modal_header-title {

    font-size: 15px;

    margin: 0 0 5px;

}	

	

.modal_header-description {

    font-size: 13.5px;

    line-height: 1.3;

}

	

.warning_container .box {

	justify-content: center;

}	

	

.warning_text-area {

    width: 100%;

}	

		

.warning_text {

    font-size: 12px;

}

	

.warning_button-area {

	width: 35%;

	text-align: center;

	margin: 20px 0 0;

}	

	

.warning_button {

    font-size: 13px;

    padding: 7px 0;

}

	

.fixed-whatsapp {

    width: 54px;

    height: 54px;

}

	

.fixed-whatsapp_icon {

    width: 28px;

    height: 28px;

}	

	

}

.orcamento_box{

	display: flex;

	flex-direction: column;

	justify-content: space-between;

	align-items: center;

	height: 100vh;

	text-align: center;

	padding: 50px 0;

}

.orcamento_bar{

	text-align: center;

	margin: -50px 0 0;

}