/*
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
*/
body, html {max-width: 100%; overflow-x: hidden;}
img {height: auto;}
.home-section .register-form-wrapper {margin-top:0px;}
.register-form .btn-tel {background-color:#020370 !important; border-color:#020370 !important; margin-bottom: 15px;}
.register-form .btn-tel:hover {border-color:#020370 !important;}
.register-form .btn-wpp {background-color:#00BFA5 !important;}
.button-servico {background-color:#00BFA5 !important; border-color:#00BFA5 !important; color:#FFFFFF !important; display:block; letter-spacing:1px; font-weight:600; margin-top:25px; padding:8px 15px 10px; text-align:center; text-shadow:1px 1px 1px #00000040 !important;}

#tarja-header a {padding:0 12px;}

.btn-green, .btn-white-border {position: relative !important; z-index: 3;}

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

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

.calcHeightServ {display: block; vertical-align: top;}
.calcHeightServT, .calcHeightServP {display: block !important;}

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

.wpp-image-link {bottom:12px; position:fixed; right:17px; z-index:999;}
.wpp-image-link img {max-width:50px;}
.wpp-image-link::after, .wpp-image-link::before
{
	content: '';
	position: absolute;
	opacity: 0;
	border: 4px solid #25D366;
	left: -10px;
	top: -10px;
	right: -10px;
	bottom: -10px;
	-webkit-border-radius: 50%;
	animation: WaveWhatsApp 1.5s ease infinite;
}

.wpp-image-link::after {animation-delay:.5s}

#missao h3 {font-size: 22px !important; font-weight: 200 !important; color: #eee !important; letter-spacing: 1px; line-height: 42px;}

@keyframes WaveWhatsApp 
{
	0% 
	{
		transform:scale(.5)
	}
	
	50% 
	{
		opacity:1
	}
	
	100% 
	{
		transform:scale(1.2);
		opacity:0
	}
}

@keyframes kmpulse 
{
	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;}
}

@media (min-width: 768px)
{
	.navbar-brand {position:absolute; top:0px;}
	.navbar-brand img {border-radius:0 0 20px 20px; max-width:205px;}
	.opaque .navbar-brand img {max-width:180px;}

	.home-section {background-position: center center;}
	.home-section h1 {font-size: 38px; padding-top: 75px;}
	.home-section h1 em {line-height: 36px;}
	.home-section h1 em:first-child {font-size:20px; letter-spacing:1px; margin-bottom:15px; margin-left:15px; position:relative;}
	.home-section h1 em:first-child::before {content:''; background-color:rgba(255, 255, 255, 0.35); height:40px; left:-15px; position:absolute; top:17px; width: 312px;}

	.team-item {padding-bottom: 30px; padding-bottom: 40px; position: relative;}
	.team-item .button-servico {border-radius: 0 0 8px 8px; bottom:0; left:0; position:absolute; width:100%;} 	 
	.register-form .btn-tel span, .btn-wpp span {display: block; font-size: 20px;}
	.km-section-separador p {display: inline;  font-size: 18px; letter-spacing: 1px; padding: 5px 0;}

	.km-google-maps {padding: 50px 0 55px !important;}
}

@media (max-width: 767px)
{
	.display-block-mobile {display: block !important;}

	.navbar {min-height: 40px; text-align: left;}
	.navbar-brand {margin: 0; position:absolute; top:0px;}
	.navbar-brand img {max-width: 120px !important;}
	.opaque .navbar-brand img {max-width:100px !important;}
	button.navbar-toggler {top: 3px;}
	.navbar-nav {padding-top: 140px;}

	#tarja-header .text-right {text-align:center !important;}
	#tarja-header a {border:1px solid #FFFFFF; border-radius:8px; display:inline-block; font-size: 12px; margin:0; min-width:285px; 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: -32px 0;}
	#home .register-form-wrapper {display: none;}
	.register-form-wrapper {margin-top:0 !important;}

	#contato .small-col-inside {padding: 0 15px;}

	.home-section h1 br {display: none;}
	.km-section-separador .section-title br {display: none;}
	.km-section-separador .section-title {font-size: 28px;}
	.km-section-separador .section-title small {font-size: 18px;}

	#nossa-estrutura .section-subtitle br {display: none !important;}

	.km-section-form .small-col-inside {padding: 0 15px !important;}
}