/*

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;}

.register-form-wrapper {padding: 30px !important;}
.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)

{

	#menu-menu-principal {margin: 0 auto;}

	

	.navbar-brand {background-color:#ECECEC; border-radius:0 0 20px 20px; box-shadow: 1px 1px 10px #1D1D1D; position:absolute; top:-10px;}

	.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: 24px; padding-top: 75px;}

	.home-section h1 strong {font-size: 34px; font-weight: 500;}

	.home-section h1 em {font-size: 22px; 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)

{
	h4 {font-size: 24px;}
	.display-block-mobile {display: block !important;}



	.navbar {text-align: left;}

	.navbar-brand {margin: 0; text-align: left; width: 100%;}

	.navbar-brand img {max-width: 120px !important;}

	.opaque .navbar-brand img {max-width:100px;}

	button.navbar-toggler {top: 20px;/*39px;*/}



	#tarja-header .text-right {text-align:center !important;}

	#tarja-header a {border:1px solid #FFFFFF; border-radius:8px; display:inline-block; font-size: 14px; margin:0; min-width:295px; 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 {font-size: 22px !important;}

	.home-section h1 br {display: none;}

	.home-section h1 strong {display: block; padding-bottom: 12px;}

	.home-section h1 em {font-size: 18px !important; padding-top: 10px !important;}

	.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;}

}