/*
Theme Name: Cardapex
Author: Lucas Leite
Author URI:
Description:
Version: 1.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

	/* Helpers */
	img {max-width:100%; height:auto;} /*Compatibilidade IE*/
	body {margin:0px; padding:0px; overflow-x:hidden; max-width:100%; font-family:'Montserrat', sans-serif; font-size:14px;}
	h1, h2, h3, h4, h5, h6 {font-family:'millarregular', sans-serif; color:#031526;}
    button {cursor: pointer;}

	.verde {color:#00e36f;}

	.trialFlutuante {position:fixed; left:20px; bottom:40px; z-index:99;}
		.trialFlutuante a {border: 1px #e64494 solid; padding: 8px 20px;  padding-left: 45px; background: url(../img/seta-button.png) 20px center no-repeat #e64494; background-size: 15px; text-transform: uppercase; font-weight: bold; color: #fff; border-radius: 50px;}
		.trialFlutuante a:hover {color:#fff; text-decoration:none; background-color:#fc378e;}
		.trialFlutuante i.fa-times-circle {position: absolute; top: -10px; right: -10px; color: #ccc; font-size: 20px; border-radius: 50%; background: #fff; cursor: pointer;}

	.gradiente-padrao {background: #ffe745; background: -moz-linear-gradient(left, #ffe745 0%, #ffe745 100%); background: -webkit-linear-gradient(left, #ffe745 0%,#ffe745 100%); background: linear-gradient(to right, #ffe745 0%,#ffe745 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe745', endColorstr='#ffe745',GradientType=1 );}

	.degradeRosa {background: #FF7F00; background: -moz-linear-gradient(left, #FF7F00 0%, #FF7F00 100%); background: -webkit-linear-gradient(left, #e64494 0%,#FF7F00 100%); background: linear-gradient(to right, #FF7F00 0%,#fc378e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF7F00', endColorstr='#FF7F00',GradientType=1 );}

	.blocker {z-index:999999;}
	.modal {overflow:initial; height:initial;}

	.whatsFlutua {background:#00e36f; border-radius:50%; position:fixed; bottom:20px; right:20px; z-index:9999; text-decoration:none !important;}
		.whatsFlutua i {width:70px; height:70px; color:#fff; font-size:30px; text-align:center; position:relative; display:table; line-height:68px;}

	/* Titulo Sections */
	section .title {display:table; width:100%; margin-bottom:40px;}
		section .title h3 {font-size:60px; color:#343f6c; text-align:center;}
		section .title p {font-size:18px; color:#5c5c5c; text-align:center;}
		section .title:after {content:''; width:150px; height:5px; border-radius:5px; background:#FFFFFF; margin:20px auto; display:table;}

	section .title-line {display:table; width:100%; margin-bottom:30px; position:relative;}
		section .title-line:before {content:''; width:100%; height:1px; background:#dedede; display:block;  position: absolute; top: 0px; bottom: 0px; margin: auto; z-index:2; left:0px;}
		section .title-line h3 {color:#8b8b8b; text-align:center; font-size:18px; background:#fff; padding:10px 20px; display:table; margin:0 auto; position:relative; z-index:3; text-transform:uppercase;}


	/* Menu Responsivo */
	@media all and (min-width:998px) {
		.menuResponsivo {display:none !important;}
	}
	.menuResponsivo {position:fixed; top:0px; left:-100%; width:70%; height:100%; overflow-x:auto; z-index:99999; padding:25px 20px;}
		.menuResponsivo .logo {display:table; width:100%;}
			.menuResponsivo .logo a {display:table; margin:25px auto;}
				.menuResponsivo .logo a img {width:50%; display:block; margin:0 auto;}
		.menuResponsivo ul {margin:0px; padding:0px; list-style:none;}
			.menuResponsivo ul li {display:block; margin-bottom:5px;}
				.menuResponsivo ul li a {display:block; color:#fff; padding:8px 20px; border-radius:50px; border:1px transparent solid; font-size:14px; margin-right:1px; text-align:center;}
					.menuResponsivo ul li a:hover {border:1px #5c79d7 solid; text-decoration:none;}
					.menuResponsivo ul li.destaque a {order:1px #e64494 solid; padding-left:45px; background:url(../img/seta-button.png) 20px center no-repeat #e64494; background-size:15px; text-transform:uppercase; font-weight:bold;}
					.menuResponsivo ul li.destaque a:hover {background-color:#fc378e;}
				.menuResponsivo ul li.demo a {border:1px #00e36f solid !important; background:#00e36f; font-weight:bold;}
				.menuResponsivo ul li.demo a:hover {background:#00c762;}
			
			.menuResponsivo ul li.login a {background:#444c83;}
            
	/* Video */
	#modalVideo {max-width:1100px; padding:0px;}
		#modalVideo .row {align-items:center;}
		#modalVideo iframe {display:table; width:100%;}

	#modalVideo .conteudo {padding:30px 15px;}
		#modalVideo .conteudo h3 {font-size:36px; line-height:36px;}
		#modalVideo .conteudo h3:after {content:''; width:150px; height:5px; border-radius:5px; background:#040e8f; margin:20px  0px; display:table;}
		#modalVideo .conteudo p {font-size:14px; color:#040e8f; line-height:24px;}
		#modalVideo .conteudo a {margin-left:10px; border:1px #040e8f solid; padding:10px 30px; padding-left:45px; background:url(../img/seta-button.png) 20px center no-repeat #040e8f; background-size:15px; text-transform:uppercase; font-weight:bold; color:#fff; display:table; border-radius:40px; margin-left:0px;}
		#modalVideo .conteudo a:hover {background-color:#040e8f; text-decoration:none;}

	/* Duvidas */
	#modalDuvidas {padding:20px; padding-bottom:0px;}
		#modalDuvidas h3 {font-size:36px; line-height:36px;}
		#modalDuvidas h3:after {content:''; width:150px; height:5px; border-radius:5px; background:#FF7F00; margin:15px 0px; display:table;}
		#modalDuvidas input {width:100%; padding:15px 20px; border:1px #ccc solid; margin-bottom:10px; border-radius:50px; outline:none; color:#000; font-size:16px; font-family:'Montserrat', sans-serif;}
		#modalDuvidas input:focus {box-shadow: 0px 0px 5px #ccc;}
		#modalDuvidas input.obrigatorio {border: 1px #e4b838 solid; box-shadow: 0px 0px 5px #ffc200;}
		#modalDuvidas button {margin-left:10px; border:1px #e64494 solid; padding:20px; background:#e64494; background-size:15px; text-transform:uppercase; font-weight:bold; color:#fff; display:table; border-radius:40px; margin-left:0px; border:0px; cursor:pointer; width:100%; text-align:center;}
		#modalDuvidas button:hover {background-color:#fc378e; text-decoration:none;}
		#modalDuvidas .alert {border-radius:50px; font-size:12px; line-height:21px;}
			#modalDuvidas .alert i {margin-right:5px; font-size:18px; float:left;}

		#modalDuvidas .rodapeDuvidas {display:table; width:100%; margin-top:15px; background:#f5f5f5; border-radius:50px; overflow:hidden; margin-bottom:20px;}
			#modalDuvidas .rodapeDuvidas a {width:50%; display:table; padding:20px; text-align:center; float:left; color:#000; font-weight:bold; line-height:24px;}
				#modalDuvidas .rodapeDuvidas a span {display:table; margin:auto;}
			#modalDuvidas .rodapeDuvidas a:hover {text-decoration:none; background:#fc378e; color:#fff;}
			#modalDuvidas .rodapeDuvidas a:first-child {border-right:1px #dedede solid;}
				#modalDuvidas .rodapeDuvidas a i {float:left; font-size:18px; margin-right:5px; line-height:24px;}


	/* Home */
	header {position:absolute; top:0px; left:0px; display:table; width:100%; padding:75px 0px; z-index:9999; transition: all 1s ease;}

		header .container {position:relative;}
			header .container .flutua {position:absolute; right:15px; top:-75px; display:table; background: #02de6f; border-radius: 0px 0px 10px 10px; overflow:hidden;}
				header .container .flutua a {color:#FFFFFF; font-weight:bold; display:table; padding:10px 30px; float:left; line-height:24px; font-size:13px;}
				header .container .flutua a:hover {text-decoration:none; background:#FF7F00;}
					header .container .flutua a i {float:left; line-height:24px; font-size:18px; margin-right:7px; color:#FFFFFF;}

				header .container .flutua a.fixo {border-left:1px #02de6f solid; border-right:1px #02de6fFE solid;}
				header .container .flutua a.whats i {color:#FF7F00;}
				header .container .flutua a.login {padding:10px 20px;}

		header .row {align-items:center;}
		header .menu ul {padding:0px; margin:0px; list-style:none; display:table; float:right;}
			header .menu ul li {float:left; position:relative;}
				header .menu ul li a, header .menu ul li span {display:block; color:#FF7F00; padding:8px 20px; border-radius:50px; border:1px transparent solid; font-size:14px; margin-right:1px;}
				header .menu ul li:hover > a, header .menu ul li:hover > span {border:1px #5c79d7 solid; text-decoration:none;}
				header .menu ul li.demo a {margin-left:10px; border:1px #00e36f solid !important; background:#00e36f; font-weight:bold;}
					header .menu ul li.demo a:hover {background:#585d9f;}
				header .menu ul li.destaque a {margin-left:10px; border:1px #FFFFFF solid; padding-left:45px; background:url(../img/seta-button.png) 20px center no-repeat #FF7F00; background-size:15px; text-transform:uppercase; font-weight:bold;}
				header .menu ul li.destaque a:hover {background-color:#FFFFFF;}

			header .menu ul li ul {display:none; position:absolute; top:100%; left:50%; transform:translateX(-50%); width:270px; background: #FF7F00ed; z-index: 9999; padding: 10px;  border-radius: 10px;}
			header .menu ul li:hover ul {display:table;}
				header .menu ul li ul li {float:none; width:100%;}
				header .menu ul li ul a {text-align:center; display:block; width:100%;}

		header .chamaMobile {float:right; color:#fff; background:#FF7F00; cursor:pointer; display:none; width:60px; height:60px; position:relative;}
			header .chamaMobile i {font-size:24px; line-height:24px; text-align:center; position:absolute; top:0px; left:0px; right:0px; bottom:0px; display:table; margin:auto; width:30px;}

	/* Fixa Header */
	header.gradiente-padrao {position:fixed; padding:20px 0px; transition: all 1s ease;  box-shadow:0px 0px 50px #0000002e;}
	header.gradiente-padrao .flutua {top:3px; background:transparent; z-index:99; border-radius:50px;}
	header.gradiente-padrao .flutua a.whats, header.gradiente-padrao .flutua a.fixo {display:none;}
	header.gradiente-padrao .flutua a.login {background:transparent;}
	header.gradiente-padrao .flutua a.login:hover {background:#FF7F00;}
		header.gradiente-padrao .logo {padding:0px;}
		header.gradiente-padrao ul {margin-right: 120px; border-right: 1px #FF7F00 solid; padding-right: 25px;}
		header.gradiente-padrao ul li a {font-size:14px;}


	section.intro {background:url(../img/bg-intro.jpg) top center no-repeat; background-attachment:fixed; background-size:cover; padding-top:170px; position:relative; z-index:2;}
	section.intro .row {align-items:center;}
		section.intro h1 {color:#FF7F00; font-size:54px; line-height:57px;}
			section.intro h1 span {font-size:65px;}
		section.intro ul {list-style:none; padding:0px; margin:0px;}
			section.intro ul li {color:#00e36f; font-size:18px; font-family:'millarregular_2', sans-serif; margin:25px 0px; padding-left:40px; line-height:30px;}
				section.intro ul li.eficiente {background:url(../img/icone-eficiente.png) left center no-repeat;}
				section.intro ul li.pratico {background:url(../img/icone-pratico.png) left center no-repeat;}
				section.intro ul li.sem-taxa {background:url(../img/icone-sem-taxa-intro.png) left center no-repeat;}
		section.intro img {margin-bottom:-45px; float:right;}


	/* Video */
	section.video {background:url(../img/bg-video-cardapex.jpg) center center no-repeat; padding:150px 0px; position:relative; z-index:1; box-shadow:0px 20px 50px #0000002e}
		section.video .row {align-items:center;}

			section.video .chamada-video {cursor:pointer; position:relative; display:table; box-shadow: 0px 0px 100px #00000021; overflow:hidden; border:10px #fff solid; margin:0 auto;}
				section.video .chamada-video .play {transition: all 1s ease; display:table; position:absolute; top:0px; bottom:0px; right:0px; left:0px; margin:auto; width: 90px; padding: 30px; box-sizing: content-box; background:#fff; background: #ffffff3d; border-radius: 50%;}
				section.video .chamada-video:hover .play {padding:120px;}
				section.video .chamada-video p {position:absolute; bottom:22%; display:table; width:100%; padding:0 20px; text-align:center; color:#fff;}

			section.video .conteudo h3 {font-size:58px; line-height:58px;}
				section.video .conteudo h3:after {content:''; width:150px; height:5px; background:#040e8f; border-radius:20px; display:table; margin:20px 0px;}
			section.video .conteudo p {font-size:16px; color:#040e8f; line-height:30px; margin-bottom:20px;}
			section.video .conteudo button {background:url(../img/bg-btn-video.png) 15px center no-repeat #e64494; background-size:30px; border:1px #e64494 solid; border-radius:50px; padding:15px 25px; padding-left:60px; color:#fff; font-size:14px; text-transform:uppercase; font-weight:bold;}
			section.video .conteudo button:hover {background-color:#040e8f;}


	/* Passos */
	section.passos {background:url(../img/bg-passos.jpg) right center no-repeat; padding:130px 0px;}
		section.passos .title {margin-bottom:70px;}
		section.passos .bloco {text-align:center;}
			section.passos .bloco img {display:block; margin:0 auto;}
			section.passos .bloco h4 {margin:20px 0px; color:#040e8f;}

		section.passos .frase-principal {margin-top:70px; padding-top:70px; border-top:1px #dedede dotted;}
		section.passos .frase-principal small {font-family:'Montserrat', sans-serif;}
		section.passos .frase-principal .typed-cursor {font-family:serif;}


	/* Comece Agora */
	section.comece {background:#FF7F00; box-shadow:0px 0px 50px #0000002e; display:table; width:100%; padding:60px 0px;}
		section.comece .texto {padding-left:98px; background:url(../img/bg-title-comece.png) left center no-repeat; float:left; display:table;}
			section.comece .texto h3 {color:#080ba3; font-size:48px; margin-bottom:0px; line-height:48px;}
			section.comece .texto p {font-size:16px; margin:0px; color:#080ba3;}

		section.comece a {float:right; display:table; margin:10px 0px; padding:15px 30px; display:table; border-radius:60px; font-weight:bold; color:#fff; background:url(../img/seta-button.png) 20px center no-repeat #00e36f; padding-left:60px; text-transform:uppercase; font-size:18px; text-decoration:none; box-shadow: 1px 5px 6px #00000026;}
			section.comece a:hover {background-color:#FF7F00; background-position:25px center;}
			
	
	/* CTA Corpo */
	section.cta-corpo {display:table; width:100%; padding:35px 0;}
		section.cta-corpo .container {position:relative;}
		section.cta-corpo .texto {padding-left: 80px; background: url(../img/bg-title-comece.png) left center no-repeat; background-size:55px; display:table; width:100%;}
		section.cta-corpo h3 {color:#FF7F00; margin:0px; font-size:42px; line-height:42px;}
		section.cta-corpo p {color:#FF7F00; margin:0px;}
		section.cta-corpo p strong {color:#02de6f;}
		section.cta-corpo a {position:absolute; right:15px; top:50%; transform:translateY(-50%); display:table; padding:15px 50px; display:table; border-radius:60px; font-weight:bold; color:#fff; background:url(../img/seta-button.png) 20px center no-repeat #FF7F00; padding-left:60px; text-transform:uppercase; font-size:18px; text-decoration:none; box-shadow: 1px 5px 6px #00000026;}
			section.cta-corpo a:hover {background-color:#02de6f; background-position:25px center;}
	

	/* Porque */
	section.porque {padding-top:135px;}
		section.porque .alinha {align-items:center;}

		section.porque h3 {color:#FF7F00;}
		section.porque .title p {color:#FF7F00;}

		section.porque .center img {margin-bottom:-50px; position:relative; z-index:2;}

		section.porque .box {display:table; position:relative; width:100%; margin-bottom:20px;}
			section.porque .box p {color:#FF7F00; position:absolute; top:0px; bottom:0px; margin:auto; display:table; padding-right:80px; width:100%; line-height:18px;}
			section.porque .right .box p {padding-right:0px; padding-left:80px;}


	/* Painel */
	section.painel {background:#abf7ff; padding-top:100px; padding-bottom:90px; display:table; width:100%; box-shadow:0px 0px 50px #0000002e; position:relative; z-index:1;}
		section.painel .title-line h3 {background:#abf7ff;}

		section.painel .subtitle {margin-bottom:30px;}
		section.painel .subtitle h3 {font-size:36px; color:#080ba3;}
		section.painel .subtitle p {font-size:16px;}
		section.painel .subtitle:after {content:''; width:150px; height:5px; border-radius:5px; background:#080ba3; margin:20px auto; display:table;}

		section.painel .items {align-items:center;}
		section.painel .box {display:table; width:100%; position:relative; padding-left:80px;}
			section.painel .box img {position:absolute; left:0px; top:0px; bottom:0px; margin:auto;}
				section.painel .box p {margin:10px 0px; font-size:13px; color:#02de6f;}

	/* Valores */
	section.valores {padding:120px 0px; display:block;}
		section.valores h3 {color:#FF7F00;}
		section.valores .title p {color:#FF7F00;}

	.pricing .card {border: none; border-radius: 1rem; transition: all 0.2s; box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1); position:relative; padding-left:260px;}
	.pricing hr {margin: 1.5rem 0;}

	.pricing .card-header {padding:30px; position:absolute; left: 0; top: 0; width: 250px; border:0; height:100%; border-right:1px #dedede solid;}	
		.pricing .card-header .center {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}

	.pricing .card-title {font-size:0.8rem; color:#8e8e8e; margin:0px;}

	.pricing .recomendado {font-size: 13px; text-transform: uppercase; display: table; margin: 0; padding: 5px 20px; background: #00e36f; color: #005d2d; border-radius: 30px; margin-top:10px; position: absolute; left: 50%; transform:translateX(-50%); right: 0px; bottom: -15px; width: 210px; text-align: center;}
	.pricing .card-price {font-size:36px; font-family:'Montserrat', sans-serif; font-weight:bold; display:table; margin:0 auto;}
		.pricing .card-price small {float: left; line-height: 48px; font-size: 16px; margin-right: 5px; color: #FF7F00;}
		.pricing .card-price strong {font-weight:normal; font-weight:bold; color:#080ba3; font-size:48px; line-height:48px;}
		.pricing .card-price span {font-weight:400;}
		.pricing .card-price .period {font-size: 1.8rem;}

	.pricing ul li {margin-bottom: 1rem; font-weight:bold;}
		.pricing ul li small {display:block;}
		.pricing ul li i {color:#00e36f; position:relative; top:3px;}
		.pricing ul li.text-muted i {color:red;}
		
	.pricing .card-body h5 {border-bottom:1px #dedede solid; display:block; padding-bottom:20px; margin-bottom:20px; color:#3b4476; font-family:'Montserrat', sans-serif; font-weight:bold; font-size:20px;}

	.pricing .btn {border: 1px #e64494 solid; padding: 15px 40px; background: #e64494; background-size: 15px; text-transform: uppercase; font-weight: bold; border-radius: 50px; margin:30px auto; display:table; width:initial;}
	.pricing .btn:hover {background-color:#fc378e;}


	.pricing .adicionais {display:table; width:100%; border-radius:10px; background:#ffffff1c; padding:25px 30px; position:relative;}
		.pricing .adicionais h5 {font-size:14px; color:#fff; text-transform:uppercase; font-family:'Montserrat', sans-serif; font-weight:bold; margin:0;}
		.pricing .adicionais p {font-size:12px; color:#c1c7e7; font-weight:bold;  margin:0}
		.pricing .adicionais a.exp {position:absolute; right:30px; top:23px; font-size:12px; font-weight:bold; color:#fff; text-transform:uppercase; padding: 10px 40px; background:#636d9e; border-radius:50px;}
		.pricing .adicionais a.exp:hover {text-decoration:none; background:#e84393;}
		.pricing .adicionais a.exp i {margin-left:10px;}
		.pricing .adicionais .content {display:table; width:100%; margin-top:20px; padding-top:20px; border-top:1px #ffffff24 solid;}
			.pricing .adicionais .content .adicional {padding:15px 0; padding-left:75px; display:table; width:100%; position:relative;}
				.pricing .adicionais .content .adicional img {position:absolute; left:0; top:50%; transform:translateY(-50%);}
				.pricing .adicionais .content .adicional strong {color:#fff; display:block;}
				.pricing .adicionais .content .adicional p {font-weight:normal;}
				
			.pricing .adicionais .content .orcamento {display:table; width:100%; border-top:1px #ffffff24 solid; margin-top:20px; padding-top:20px;}
				.pricing .adicionais .content .orcamento a {display: table; padding: 10px 40px; background: #01b95b; color: #fff; border-radius: 50px; margin: auto;}
				.pricing .adicionais .content .orcamento a:hover {text-decoration:none; background:#01d167;}



	/* Perguntas */
	section.perguntas {background:url(../img/bg-passos.jpg) right center no-repeat; padding:150px 0px; background-attachment:fixed;}

		section.perguntas ul {list-style:none; padding:0px; margin:0px; display:table; width:100%;}
			section.perguntas ul li {position:relative; border:1px #dedede solid; border-left:3px #cdcdcd solid; background:#f5f5f5; padding:25px 30px; padding-right:60px; display:table; width:100%; margin-bottom:20px; cursor:pointer;}
			section.perguntas ul li.ativo {border-left:3px #e64494 solid;}
				section.perguntas ul li h5 {font-size:20px; color:#0a0a0a; margin-bottom:0px;}
				section.perguntas ul li h6 {font-size:14px; line-height:24px; font-family:'Montserrat', sans-serif; margin-top:10px; margin-bottom:0px;}
				section.perguntas ul li i {position: absolute; right: 20px; top: 0px; bottom: 0px; display: table; margin: auto; font-size: 24px; color: #cccccc;}

		section.perguntas .openMore {border:1px #e64494 solid; background:#e64494; background-size:15px; text-transform:uppercase; font-weight:bold; display:table; color:#fff; padding:15px 30px; margin:20px auto; border-radius:60px;}
			section.perguntas .openMore:hover {background-color:#fc378e;}


	/* Depoimentos */
	section.depoimentos {padding:100px 0px; display:block; width:100%;}
		section.depoimentos h3 {color:#fff;}
		section.depoimentos .title p {color:#adbbff;}

		section.depoimentos .depoimento {display:table; width:100%; position:relative; padding-left:185px;}
			section.depoimentos .depoimento img {width:126px; border-radius:50%; position:absolute; top:0px; left:0px;}
			section.depoimentos .depoimento .conteudo {display:table; width:100%; background:#2e3b5b; border:1px #50609c solid; border-radius:10px; padding:40px; position:relative;}
			section.depoimentos .depoimento .conteudo:before {content:''; width:31px; height:36px; display:table; position:absolute; left:-31px; top:60px; background:url(../img/before-depoimento.png) center center no-repeat;}
				section.depoimentos .depoimento .conteudo h4 {color:#fff;}
				section.depoimentos .depoimento .conteudo p {color:#fff; margin-bottom:0px;}
				section.depoimentos .depoimento .conteudo p.autor {margin-top:20px;}
				section.depoimentos .depoimento .conteudo p.autor span {display:block; font-size:12px;}

		section.depoimentos .owl-stage-outer {z-index:9;}
		section.depoimentos .owl-nav {position:absolute; top:50%; transform:translateY(-50%); left:0px; margin:auto; display:block; height:0; width:100%;}
			section.depoimentos .owl-nav span {display:none;}
			section.depoimentos .owl-prev {float:left; margin-left:-100px; width:60px; height:60px; display:table; background:url(../img/prev-verde.png) center center no-repeat #ffffff30 !important; border-radius:50%; margin-top:-30px; outline:none !important;}
			section.depoimentos .owl-next {float:right; margin-right:-100px; width:60px; height:60px; display:table; background:url(../img/next-verde.png) center center no-repeat #ffffff30 !important; border-radius:50%; margin-top:-30px; outline:none !important;}


	/* Clientes */
	section.clientes {padding:70px 0px; display:table; width:100%;}
		section.clientes .row.lista {margin:0 -30px;}
		section.clientes a {display:block; border:1px #dedede solid; margin-bottom:30px; padding:10px 10px; border-radius:5px;}
		section.clientes a:hover {text-decoration:none;}
			section.clientes a img {opacity:0.7; filter: grayscale(1);}
			section.clientes a:hover img {opacity:1; filter: grayscale(0);}
			section.clientes p {font-size:13px; color:#666; margin-top:10px; margin-bottom:0;}
			
		
	/* Footer */
	footer .rodape {padding:50px 0px; display:table; width:100%;}
		footer .rodape .row {align-items:center;}
			footer .rodape .dados {float:right; display:flex; align-items:center;}
				footer .rodape .dados a, footer .rodape .dados p {color:#cce1fd; padding-left:65px; text-decoration:none; font-size:14px; display:block; float:left;}
					footer .rodape .dados a strong, footer .rodape .dados p strong {display:block;}
				footer .rodape .dados a:hover, footer .rodape .dados p:hover {color:#fff;}

				footer .rodape .dados .central {background:url(../img/icone-central.png) left center no-repeat; padding:15px 0px 15px 65px; margin-right:90px; cursor:pointer;}
				footer .rodape .dados a.sac {background:url(../img/icone-sac.png) left center no-repeat; padding:5px 0px 5px 65px; margin-right:90px;}

	footer .copyright {display:table; width:100%;}
			footer .copyright p {float:left; margin:0px; padding:10px 0px; color:#808080;}
			footer .copyright ul {padding:30px 0px; margin:0px; list-style:none; display:table; float:right;}
				footer .copyright ul li {float:left;}
					footer .copyright ul li a {display:block; color:#666; padding:8px 15px; border-radius:50px; border:1px transparent solid; font-size:13px; margin-right:1px;}
					footer .copyright ul li a:hover {border:1px #5c79d7 solid; text-decoration:none;}
					footer .copyright ul li.destaque a {margin-left:10px; border:1px #e64494 solid; padding-left:45px; background:url(../img/seta-button.png) 20px center no-repeat #e64494; background-size:15px; text-transform:uppercase; font-weight:bold; color:#fff;}
					footer .copyright ul li.destaque a:hover {background-color:#fc378e;}
					
					footer .copyright ul li.entrar a {background:#3f467a; color:#fff; margin-left:5px;}
					
	footer .final {display:table; width:100%; background:#f5f5f5; padding:15px 0;}
		footer .final .right {float:right; padding:10px 0;}
			footer .final .right a {color:#666; margin-left:30px;}


	/* SignUp */
	section.pagina-form {display:table; width:100%; height:100%; padding:60px 0px;}
	section.pagina-form .logo img {width:350px;}
		section.pagina-form .container {height:100%;}
		section.pagina-form .center {align-items:center; min-height:100%;}

		section.pagina-form .logo {display:table; margin:0 auto; margin-bottom:40px;}

		/* Passos */
		div.passos {display:table; width:100%; margin-bottom:30px;}
			div.passos .box-passos {display:table; width:100%; background:#080ba3; border:1px #080ba3 solid; border-radius:4px; color:#080ba3; box-shadow:5px 0 29px #0000003b; margin-bottom:30px; position:relative;}
			div.passos .box-passos:before {content:''; display:table; background:#6d79a8; position:absolute; width:100%; height:1px; top:30px; left:0px; z-index:10;}

			div.passos .box-passos .passo {background: rgba(49,60,96,1); background: -moz-linear-gradient(left, rgba(49,60,96,1) 22%, rgba(47,58,92,1) 100%); background: -webkit-gradient(left top, right top, color-stop(22%, rgba(49,60,96,1)), color-stop(100%, rgba(47,58,92,1))); background: -webkit-linear-gradient(left, rgba(49,60,96,1) 22%, rgba(47,58,92,1) 100%); background: -o-linear-gradient(left, rgba(49,60,96,1) 22%, rgba(47,58,92,1) 100%); background: -ms-linear-gradient(left, rgba(49,60,96,1) 22%, rgba(47,58,92,1) 100%);
background: linear-gradient(to right, rgba(49,60,96,1) 22%, rgba(47,58,92,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#080ba3', endColorstr='#080ba3', GradientType=1 ); display:table; float:left; text-align:center; width:33.3%; padding:20px; padding-top:45px; position:relative;}

				div.passos .box-passos .passo .marcador {display:block; background:#6d79a8; border-radius:50%; width:20px; height:20px; position:absolute; top:20px; left:50%; transform:translateX(-50%); z-index:11;}
				div.passos .box-passos .passo .marcador:before {content:''; display:table; background:#9ba8da; border-radius:50%; width:10px; height:10px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:11;}
				div.passos .box-passos .passo.ativo .marcador:after {content:''; position:absolute; top:100%; left:50%; transform:translateX(-50%); display: inline-block;  width: 0; height: 0; border-left: 5px solid transparent;  border-right: 5px solid transparent;  border-top: 7px solid #6d79a8; margin-top:-2px}
				div.passos .box-passos .passo.ativo .marcador:before {background:#253256;}
				div.passos .box-passos .passo .titulo {display:block; text-transform:uppercase; font-size:18px; font-weight:bold; margin-bottom:0px; margin-top:10px; line-height:24px;}
				div.passos .box-passos .passo.ativo .titulo {color:#080ba3;}
				div.passos .box-passos .passo.sub-titulo {color:#080ba3; font-size:14px; display:block; margin:0px;}
				div.passos .box-passos .passo.ativo .sub-titulo {color:#080ba3;}

			div.passos p {color:#080ba3 !important; text-align:center; font-size:14px; margin-bottom:0px; line-height:24px;}
				div.passos p strong {color:#fff !important;}

		section.pagina-form p {color:#fff;}
		section.pagina-form a {color:#00E36F;}

		section.pagina-form h1 {color:#fff; margin-bottom:20px; font-family: 'Montserrat', sans-serif; font-weight: bold;}
		section.pagina-form h2 {text-align:center; color:#fff; font-size:18px; font-family: 'Montserrat', sans-serif; font-weight: bold; margin-bottom:20px;}

			form.padrao .campo {display:table; width:100%; background:#fff; border-radius:50px; overflow:hidden; margin-bottom:20px; position:relative; padding-left:60px;}
				form.padrao .campo i {background:#00E36F; color:#080ba3; position:absolute; left:0px; top:0px; bottom:0px; margin:auto; display:table; width:65px; padding:25px 15px; padding-left:25px; text-align:center; font-size:18px;}
				form.padrao .campo input {padding:20px 15px; border:0px; background:#fff; width:100%; display:block; height: initial; }
				form.padrao .btn {border:0px; background:#e64494; text-transform:uppercase; font-weight:bold; color:#fff; padding:20px; width:100%; border-radius:50px;}
				form.padrao .btn-40-l {border:0px; background:#807e7e; text-transform:uppercase; font-weight:bold; color:#fff; padding:20px; width:100%; border-radius:50px;}
				form.padrao .btn-40-r {border:0px; background:#e64494; text-transform:uppercase; font-weight:bold; color:#fff; padding:20px; width:100%; border-radius:50px; float: right;}
				form.padrao .btn:hover {background-color:#fc378e; box-shadow:0px 0px 10px #000;}
                form.padrao .g-recaptcha { display: inline-block; }

                form.padrao .fullLine .campo-1 {width:42.5%; float:left; border-radius: 100px 0 0 100px;}
				form.padrao .fullLine .campo-1 input {border-right: 1px #e0e0e0 solid;}
                form.padrao .fullLine .campo-2 {padding: 0; width: 15%; float: left; display: table; border-radius: 0;}
                form.padrao .fullLine .campo-2 input {border-right: 1px #e0e0e0 solid;}
                form.padrao .fullLine .campo-3 {padding: 0; width: 42.5%; float: left; display: table; border-radius:0 100px 100px 0;}

			form.padrao .alert {border-radius:50px; font-size:12px; line-height:21px;}
			form.padrao .alert-multi-line {border-radius: 4px; font-size: 12px; line-height: 21px;}
			form.padrao .alert i {margin-right:5px; font-size:18px; float:left;}

		#modalRecuperar .campo {border:1px #dedede solid;}
			#modalRecuperar {padding:40px 30px;}
			
			
			
	/* Termo de Uso */
	section.termos-de-uso .content {padding:30px; border-radius:10px; background:#fff; border-radius: 10px; background: #00000040; margin:40px 0; color:#fff;}
	section.termos-de-uso .content h1, section.termos-de-uso .content h2, section.termos-de-uso .content h3, section.termos-de-uso .content h3, section.termos-de-uso .content h4, section.termos-de-uso .content h5, section.termos-de-uso .content h6 {color:#fff;}
	section.termos-de-uso .content a {color:#00e36f;}

	
	/* CTAS */
	@media all and (min-width:768px) {
		.telefone-mobile {display:none;}
	}
	
	
	
	
	/* Franquias */
	section.franquia *:not(i) {font-family:'Poppins', sans-serif;}
	
	section.franquia {display:table; width:100%; background:#f5f5f5; min-height:100%; padding:60px 0;}
		section.franquia .cabecalho {display:table; width:100%;}
		section.franquia .logo {width:260px; height:260px; display:table; margin:auto; border:5px #fff solid; background:#fff; box-shadow: 0px 0px 10px #0000001c; border-radius:5px; overflow:hidden; position:relative; margin-bottom:30px;}
			section.franquia .logo img {max-width:90%; max-height:90%; width:initial; top:50%; left:50%; transform:translate(-50%, -50%); position:absolute;}
		section.franquia .cabecalho h1 {font-size:36px; font-weight:bold;}
		
		section.franquia .filtros {border-top:1px #e3e3e3 solid; border-bottom:1px #e3e3e3 solid; display:table; width:100%; padding:15px 0; margin-top:30px;}
			section.franquia .filtros .selects {display:table; float:left;}
				section.franquia .filtros .selects .select {width:225px; display:table; border:1px #dedede solid; border-radius:10px; overflow:hidden; float:left; background:#fff; position:relative;}
				section.franquia .filtros .selects .select:nth-child(1) {margin-right:30px;}
				section.franquia .filtros .selects .select i {position:absolute; right:0; top:0; z-index:1; background:#f5f5f5; width:40px; height:100%; text-align:center; border-left:1px #dedede solid;}
					section.franquia .filtros .selects .select i:before {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
				section.franquia .filtros .selects .select select {-webkit-appearance:none; width:100%; padding:15px; border:0px; background:transparent; outline:none; color:#929292; font-weight:bold; text-transform:uppercase; position:relative; z-index:2;  cursor:pointer; padding-right:40px;}
				
		section.franquia .filtros .selecionado {float:right; display:table;}
			section.franquia .filtros .selecionado p {margin:0; padding:15px 0; margin:1px 0; margin-right:15px; float:left;}
			section.franquia .filtros .selecionado .itens {display:table; float:left; background:#fff; border:1px #dedede solid; padding:15px 40px; padding-right:50px; border-radius:50px; position:relative;}
				section.franquia .filtros .selecionado .itens i {position:absolute; top:50%; padding:20px; transform:translateY(-50%); cursor:pointer;}
				
		section.franquia .listagem {margin-top:50px;}		
		section.franquia .listagem .box {border-radius:10px; border:1px #dedede solid; overflow:hidden; padding:25px 30px; background:#fff; padding-bottom:75px; position:relative; margin-bottom:30px; text-align:center;}
		section.franquia .listagem .box:hover {box-shadow: 0px 0px 10px #0000001c; transform:scale(1.05); transition:all .1s;}
			section.franquia .listagem .box .logo {width:150px; height:150px; margin-bottom:20px;}
			section.franquia .listagem .box h3 {color:#2c2c2c; font-size:18px; font-weight:bold;}
			section.franquia .listagem .box .endereco {color:#919191; font-size:12px; font-weight:bold;}
			
			section.franquia .listagem .box .status {font-size:12px; font-weight:bold; text-transform:uppercase; display:table; margin:10px auto; position:relative; padding-left:25px;}
				section.franquia .listagem .box .status:before {content:''; width:15px; height:15px; border-radius:50%; position:absolute; left:0; top:0; display:block; background:#000;}
			section.franquia .listagem .box .status.aberto {color:#44b400;}
			section.franquia .listagem .box .status.aberto:before {background: linear-gradient(330deg, rgba(68,180,0,1) 0%, rgba(171,255,152,1) 100%);}
			section.franquia .listagem .box .status.fechado {color:#d90000;}
			section.franquia .listagem .box .status.fechado:before {background: linear-gradient(330deg, rgba(217,0,0,1) 0%, rgba(255,152,152,1) 100%)}
				
			section.franquia .listagem .box a {position:absolute; bottom:0; left:0px; display:block; width:100%; padding:20px; color:#fff; text-transform:uppercase; font-weight:bold; text-align:center; font-size:18px; opacity:0.8;}
			section.franquia .listagem .box a:hover {text-decoration:none; opacity:1;}
			
			
			
	/* Presença */
	section.presenca {background:#f5f5f5; padding:40px 0; display:table; width:100%;}
		section.presenca h3 {max-width:420px; float:left; }
		section.presenca .dados {width:500px; float:right; text-align:center;}
		section.presenca .dados h4 {color:#47d15c; font-size:40px; font-family:'Montserrat', sans-serif; font-weight:bold; margin-bottom:0;}
		section.presenca .dados h4 span {color:#363d6e;}
		section.presenca .dados p {margin-bottom:0;}
		section.presenca .dados .borda {border-right:1px #dedede solid;}
	

	/* Responsivo */
	@media all and (max-width:1200px) {
		section.intro h1 {font-size:36px; line-height:36px;}
		section.intro h1 span {font-size:45px;}

		footer .copyright {background:#f5f5f5;}
		footer .copyright ul {display:none;}

		.popup .center .fechar {right:-15px;}
		.popup .center {width:90%;}
		
		header .menu ul li a, header .menu ul li span {padding:8px 10px;}
		header.gradiente-padrao .flutua {top:0;}
	}

	@media all and (max-width:992px) {
		header .chamaMobile {display:table;}
		header .menu ul {display:none;}
		header.gradiente-padrao .flutua {display:none;}

		section.intro h1 {font-size:24px; line-height:36px;}
		section.intro h1 span {font-size:36px;}
		section.intro ul li {font-size:14px; line-height:18px; margin:0px; padding-top:10px; padding-bottom:10px;}

		section.video {background:#fff;}
		section.video .conteudo h3 {font-size:28px; line-height:28px;}
		section.video .conteudo p {font-size:14px; line-height:24px;}
		
		.pricing .adicionais a.exp {display: block; text-align: center;  margin-top: 10px;  position: static;}
		
		section.cta-corpo .texto {display:table; width:100%; margin-bottom:30px;}
		section.cta-corpo a {position:static; width:100%;text-align:center; display:block; transform:none;}
		
		section.presenca h3 {max-width:100%; width:100%; text-align:center; margin-bottom:30px;}
		section.presenca .dados {width:100%;}
	}

	@media all and (max-width:768px) {

		section .title h3 {font-size:36px;}

		header .logo img {padding:0px 15px; max-width:100%;}

		header.gradiente-padrao {padding:10px 0px;}
		header.gradiente-padrao .logo img {padding:0px 15px; max-width:130px;}
		header.gradiente-padrao .chamaMobile {padding:10px;}

		section.intro h1 {text-align:center;}
		section.intro ul {max-width:80%; margin:0 auto;}
		section.intro img {float:none; display:table; margin:0 auto; margin-top:30px; margin-bottom:-50px; max-width:80%;}

		section.passos {padding:70px 0px;}
			section.passos .bloco {margin-bottom:30px;}

		section.video {padding-top:100px; padding-bottom:50px;}
		section.video .chamada-video p {bottom:0px;}
		section.video .conteudo h3 {text-align:center; margin-top:30px;}
			section.video .conteudo h3:after {margin:20px auto;}
		section.video .conteudo p {text-align:center;}
		section.video .conteudo button {margin:20px auto; display:table;}

		section.perguntas {padding:50px 0px;}
			section.perguntas ul li h5 {font-size:18px;}

		section.depoimentos {padding:50px 0px;}
			section.depoimentos .lista {padding:0 70px;}
			section.depoimentos .owl-prev {margin-left:-50px;}
			section.depoimentos .owl-next {margin-right:-50px;}
			section.depoimentos .depoimento {padding-left:0px; padding-top:55px; text-align:center;}
				section.depoimentos .depoimento img {z-index:1; left:0px; right:0px; margin:auto;}
				section.depoimentos .depoimento .conteudo {padding:20px; padding-top:90px;}
					section.depoimentos .depoimento .conteudo h4 {font-size:18px;}
					section.depoimentos .depoimento .conteudo p {font-size:12px;}
				section.depoimentos .depoimento .conteudo:before {display:none;}

		section.comece .texto {padding-bottom:10px; padding-top:10px;}
			section.comece .texto h3 {font-size:24px; line-height:24px;}
			section.comece .texto p {font-size:14px;}
		section.comece a {width:100%; text-align:center; margin-top:20px;}

		section.perguntas {padding:50px 0px;}

		section.porque {padding:50px 0px;}
		section.porque .box {text-align:left; width:280px; margin:0 auto; margin-bottom:25px;}
			section.porque .box p {padding-left:80px; padding-right:0px;}
			section.porque .box p br {display:none;}
		section.porque .center img {margin:20px 0px;}

		section.painel {padding:50px 0px;}
			section.painel .box {margin-bottom:30px; width:280px; margin:0 auto; margin-bottom:25px;}


		section.clientes .row.lista {margin:0 -15px;}
		section.clientes .col {width:50%; flex-basis:initial; max-width:50%; margin-bottom:20px;}

		footer .rodape .dados {display:table; float:none; margin:0 auto;  margin-top:20px;}
			footer .rodape .dados a, footer .rodape .dados p {float: none; margin-bottom: 20px; margin-right:0px !important;}

		footer .copyright p {text-align:center; float:none;}

		#modalVideo .conteudo {padding:30px;}
		#modalVideo iframe {height:200px !important;}
		#modalVideo h3 {font-size:24px !important; line-height:24px; text-align:center;}
			#modalVideo h3:after {margin:10px auto !important;}
		#modalVideo a {margin:0 auto !important; display:table;}
		#modalVideo p {font-size:13px; text-align:center; color:#FF7F00;}


		/* Login / Cadastro */
		section.pagina-form {padding:30px 0px;}
			section.pagina-form h1 {font-size:24px;}
			section.pagina-form h2 {font-size:13px;}
		section.pagina-form .logo {margin-bottom:30px;}


		/* Botões */
		form.padrao .voltar {order:2;}
		form.padrao .btn-40-l, form.padrao .btn-40-r {margin:10px 0px; padding:10px;}
		form.padrao .btn-40-l {background: transparent; border: 1px #FF7F00 solid;}
		
		
		.pricing .card {padding:30px; padding-top:150px;}
		.pricing .card-header {width: 100%; height: 130px;  border: 0;}
		
		/* CTAS */
		.whatsFlutua, .trialFlutuante {display:none;}
		.telefone-mobile {display:table; padding:5px 0px; background:#FF7F00; border-top:1px #dedede solid; width:100%; position:fixed; bottom:0px; left:0px; z-index:9999;}
		.telefone-mobile .col-4 {padding:0 2px !important; position:relative;}
			.telefone-mobile i {position:absolute; display:table; left:50%; top:15px; transform:translateX(-50%); font-size:18px;}
				.telefone-mobile i:before {font-size:22px; color:#FF7F00; display:table; margin:0 auto;}
			.telefone-mobile a {padding:40px 0px 5px 0px; display:table; width:100%; box-sizing:border-box; text-align:center; color:#fff; text-decoration:none; background:#e64494; font-size:10px; text-transform:uppercase; border-radius:5px;}
			.telefone-mobile .whatsapp a {background:#35c260; border-color:#000;}
			.telefone-mobile .contrates a {background:#003399; border-color:#000;}
			.telefone-mobile .contratez a {background:#35c260; border-color:#000;}
			
			
		/* Franquias */
		section.franquia .filtros .selects {width:100%; float:none;}
		section.franquia .filtros .selects .select {width:100%; margin-bottom:10px;}
	
	}

	@media all and (max-width:576px) {
		#modalDuvidas .rodapeDuvidas a {width:100%; border:0px;}
		header .container .flutua a {padding:10px; font-size:10px;}
			header .container .flutua a i {font-size:14px;}

		div.passos .box-passos .passo {padding:40px 5px 20px 5px;}
			div.passos .box-passos .passo .titulo {font-size:14px;}
			div.passos .box-passos .passo .sub-titulo {font-size:12px; line-height:14px;}
	}

    /* Erros */
    .pagina-erro {background: #031526; background: -moz-linear-gradient(left, #031526 0%, #585d9f 100%); background: -webkit-linear-gradient(left, #031526 0%,#585d9f 100%); background: linear-gradient(to right, #031526 0%,#585d9f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#031526', endColorstr='#585d9f',GradientType=1 ); position:absolute; width:100%; height:100%; display:table; overflow-x:auto; padding:30px 0px;}
        .pagina-erro .container {display:table; position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto;}
        .pagina-erro img {width:300px; margin:0 auto; display:table; margin-bottom:40px;}
        .pagina-erro h1 {font-size:50px; padding-top:30px; margin-top:30px; border-top:1px #ffffff26 solid; text-shadow: 0px 8px 10px #0000003b; font-family:'Montserrat', sans-serif; font-weight:bold;}
        .pagina-erro h1, .pagina-erro p {color:#fff;}
        .pagina-erro a {border:0px; background:#e64494; text-transform:uppercase; font-weight:bold; color:#fff; padding:20px 40px; border-radius:50px; display:table; margin:0 auto;}
            .pagina-erro a i {margin-right:10px;}
            .pagina-erro a:hover {background-color:#fc378e; box-shadow:0px 0px 10px #000;}