/*
Theme Name: Komunica Mais
Theme URI: https://www.komunicamais.com.br/
Author: Komunica Mais
Author URI: https://www.komunicamais.com.br/
Description: Construtor de Landing Pages
Version: 1.0
Tags: komunica, mais, landing, page
*/
img {height: auto !important;}
.object-fit-desktop {height: 100% !important;}
body, html {max-width: 100%; overflow-x: hidden !important;}
.register-form-wrapper {margin-top:110px;}
.register-form .btn-tel {background-color:#D2691E !important; border-color:#D2691E !important; margin-bottom: 15px;}
.register-form .btn-tel:hover {border-color:#D2691E !important;}
.register-form .btn-wpp {background-color:#00BFA5 !important;}
.button-servico {background-color:#D2691E !important; border-color:#D2691E !important; color:#FFFFFF !important; display:block; font-size: 13px; font-weight:700; letter-spacing:1px; margin-top:25px; padding:8px 15px 10px; text-align:center; text-transform: uppercase;}

button, .btn-green, .btn-white-border {border-radius: 3px !important; font-size: 14px !important; font-weight: 700; padding: 12px 22px;  text-transform: uppercase;}

#tarja-header a {padding:0 12px;}
.navbar-brand {background-color:#010101; box-shadow: 0 1px 1px #F9CA57; border-radius:0 0 20px 20px; padding:15px 15px 15px; position:absolute; top:-10px;}

.home-section h1 em {margin-bottom: 22px;}
.home-section h1 em + em {background-color: rgba(18, 173, 43, 0.75); display: inline-block; font-size: 20px; font-weight: 500; line-height: 30px; margin: 0; padding: 2px 8px; text-shadow: none !important;}

.km-section-produtos-images-4-col .number {background-color: #D2691E; border-radius:8px 0px 0px 0px; color:#FFFFFF; font-size: 22px; font-weight: 500; left:0; padding:8px 12px; position:absolute; top:0;}
.km-section-produtos-images-4-col .team-item {position: relative;}
.calcHeightServ {display: block; vertical-align: top;}
.calcHeightServT, .calcHeightServP {display: block !important;}

.team-item p {font-size: 15px; letter-spacing: 1px; text-align: justify;}
.team-info p {color:#001128 !important; font-size: 21px; font-style: normal; letter-spacing: 0; text-align: center;}
#depoimentos .container .row {align-items:center; justify-content:center;}

.table td {color:#160D3F;}
.table .descricaoVantagem {font-size: 15px;}

.fancybox-container .register-form-wrapper{margin-top: 0;}
.km-section-produtos-images-4-col .section-subtitle strong {color:#D2691E; font-size: 24px; font-weight: 500;}

.wpp-image-link {bottom:12px; position:fixed; right:17px; z-index:999;}
.wpp-image-link img {max-width:50px;}

@media (min-width: 768px)
{
	.navbar-brand img {max-width:160px;}
	.opaque .navbar-brand img {max-width:130px;}

	.home-section h1 {font-size: 38px;}
	.home-section h1 em {line-height: 36px;}

	.team-item {padding-bottom: 30px;}	
	.register-form .btn-tel span, .btn-wpp span {display: block; font-size: 20px;}
	.km-section-separador p {display: inline;  font-size: 18px; letter-spacing: 2px; padding: 5px 0;}
}

@media (max-width: 767px)
{
	body, html {max-width: 100%; overflow-x: hidden;}

	.display-block-mobile {display: block !important;}

	.navbar {min-height: 60px; padding: 0;}
	.navbar-brand {margin: 0 !important; left:calc(50% - 70px); top:0;}
	.navbar-brand img {max-width:110px;}
	.opaque .navbar-brand {left:0;}
	.opaque .navbar-brand img {max-width:90px;}
	.navbar-nav {padding-bottom: 25px; padding-top: 140px;}
	.navbar-fixed-top .navbar-nav > li > a {font-size: 20px !important; line-height: 46px;}
	button.navbar-toggler {top: 14px;}

	#tarja-header .text-right {text-align:center !important;}
	#tarja-header a {border:1px solid #FFFFFF; border-radius:8px; display:inline-block; margin:0; min-width:260px; padding:8px 12px; text-align:center;}
	#tarja-header a:first-child {margin-bottom:12px;}
	#tarja-header a:last-child {margin-top:12px;}
	
	.home-section {background-position: center 0;}
	.home-section h1 em + em {font-size: 19px;}
	#home .register-form-wrapper {display: none;}
	.register-form-wrapper {margin-top:0 !important;}

	.km-section-quem-somos p {text-align: left;}
	.km-section-separador p {font-size: 20px; line-height: 42px; letter-spacing: 1px; margin-bottom: 8px; font-weight: 100; font-family: Roboto;}

	.km-section-produtos-images-4-col .section-subtitle {font-size: 19px;}
	.km-section-produtos-images-4-col .section-subtitle strong {font-size: 21px;}
	.km-section-produtos-images-4-col .calcHeightServP {font-family: 'Poppins', sans-serif; font-size: 19px; letter-spacing: 0; text-align: center;}

	.small-col-inside {padding: 0 5% !important;}
}

.km-btn-submit, .btn-green, .button-servico, .btn-white-border, .btn-wpp
{
	position: relative;	
	transition: all .2s;
	z-index:1;
}

.km-btn-submit::after, .btn-green::after, .button-servico::after 
{
	content: "";
	background-color: #D2691E;
	border: 1px solid #D2691E;
	display: inline-block;
	height: 100%;
	width: 100%;
	border-radius: 3px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transition: all .4s;
	
	animation-name				: ptipulse;
  	animation-duration			: 650ms;
  	animation-iteration-count	: infinite;
}

.btn-white-border::after
{
	content: "";
	background-color: #211948;
	border: 1px solid #FFFFFF;
	display: inline-block;
	height: 100%;
	width: 100%;
	border-radius: 3px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transition: all .4s;
	
	animation-name				: ptipulse;
  	animation-duration			: 650ms;
  	animation-iteration-count	: infinite;
}

/*
.btn-wpp::after
{
	content: "";
	background-color: #00BFA5;
	border: 1px solid #00BFA5;
	display: inline-block;
	height: 100%;
	width: 100%;
	border-radius: 3px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transition: all .4s;
	
	animation-name				: ptipulse;
  	animation-duration			: 650ms;
  	animation-iteration-count	: infinite;
}
*/

@keyframes ptipulse 
{
	0%   {transform: scaleX(1.0) scaleY(1.0); opacity:1;}
	25%  {transform: scaleX(1.1) scaleY(1.2); opacity:0.7;}
	50%  {transform: scaleX(1.2) scaleY(1.4); opacity:0.4;}
	75%  {transform: scaleX(1.3) scaleY(1.5); opacity:0.1;}
	100% {transform: scaleX(1.4) scaleY(1.6); opacity:0;}
}