@charset "UTF-8";

/* DESKTOP */

	.fLatoBlack { font-family: 'LatoBlack', sans-serif; }
	.fNunito { font-family: 'Nunito Sans', sans-serif; }
	.fTeko { font-family: 'Teko', sans-serif, cursive; }

	
	.mobiletest-div{ display: none !important; }

	*, a { outline: none !important; }

	body h1, body h2, body h3, body h4, body h5, body h6 {
		font-family: 'Titillium Web', sans-serif;
		/*font-family: 'Hind Madurai', sans-serif;*/
		/*margin-bottom: 10px;*/
		/*line-height: 24px;*/
		/*line-height: 1.2;*/
		/*font-size: 1rem;*/
		/*font-weight: normal;*/
		/*color: #444256;*/
	}

	body { background-color: #FFFFFF !important; }
	
	body, p {
		font-size: .9rem;
		font-weight: normal;
		line-height: 1.2;
	}


	*, h1, h2, h3, h4, h5, h6, li, ol, p, ul {
		margin: 0;
		padding: 0;
	}
	h2, .h2, h2.p { font-size: 3rem; }
	h3, .h3, h3.p { font-size: 1.65rem; }
	h4, .h4, h4.p { font-size: 1.25rem; }
	ol, ul {
		list-style: none;
	}

	.hide, .hidden{ display:none !important; }
	.overflow-hidden{ overflow: hidden; }

	.bold600{ font-weight: 600; }

	.col-padding-0, .col-padding-0>.row>[class*=col-] { padding: 0; }
	.col-padding-0>.row { margin: 0; }

	.bd1{ border: 2px dotted red; }
	.pd-15{ padding: 15px; }
	.pd-15{ padding: 15px; }
	.pd-25{ padding: 25px; }
	.pd-left-0{ padding-left: 0; }
	.pd-right-0{ padding-right: 0; }

	.mgbt-15{ margin-bottom: 15px; }
	.mgbt-50{ margin-bottom: 50px; }
	.h100{ height: 100%; }


	.color-white{ color: #FFFFFF; }
	.color-blue{ color: #1865D1; }
	.color-blue-acqua{ color: #1EE2D4; }

	.bg-blue{ background-color: #1865D1; }


	.dsp-table{ display: table; height: 100%; }
	.dsp-table-cell{ display: table-cell; height: 100%; vertical-align: middle; }


	.icon-svg{ width: 30px; }

	.cf-icon{ width: 30px; }
	.img-responsive{ width: 100%; }
	.img-responsive-icon{ width: 90%; }
	.img-icon{ width: 35px; width: 48px; }

	.up_down{ 
		display: table;
		margin: 0 auto;
		border-radius: 50%;
		border: 2px solid white;
		border: 3px solid #d49300;
		width: 75px;
		height: 75px;
		margin-bottom: 10px;
	}
	.up_down a{ 
		display: table-cell;
		vertical-align: middle;
	}

	.up_down-black{ 
		display: table;
		margin: 0 auto;
		border-radius: 50%;
		border: 2px solid white;
		border: 3px solid #000000;
		width: 75px;
		height: 75px;
		margin-bottom: 10px;
		background-color: white;
	}
	.up_down-black a{ 
		display: table-cell;
		vertical-align: middle;
	}

	header{
		position: absolute;
		/* height: 150px; */
		top: 0;
		left: 0;
		width: 100%;
		z-index: 99;
		border-bottom: 1px solid #099ab1;
		border-bottom: 1px solid #25bcd5;
	}
	.box-header-menu{ padding: 12px 0; }
	.img-logotipo{ height: 100%; }
	.img-logotipo img{ width: 100%; }


	.menu-principal .navbar-nav {
		margin-left: auto !important;
	}
	.menu-principal .navbar-nav .nav-item { margin: 0 8px }
	.menu-principal .navbar-nav .nav-link { color: #FFFFFF; font-size: .9rem; }
	.menu-principal .navbar-nav .nav-link:hover { color: #FFFFFF; }


	.box-header-buttons { padding-left: 40px; margin-left: 20px; border-left: 1px solid #FFF; }
	.box-header-buttons a{ color: #FFFFFF; font-size: 1rem; }
	

	.bg-img{
		height: 100%;
		width: 100%;
		background-size: cover;
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	.bg-img.contain{ background-size: contain; }
	.bg-img.posTC{ background-position: top center; }
	.bg-img.posCC{ background-position: center center; }
	.bg{
		height: 95vh;
		background-color: rgb(0,0,0,.8);
		background-size: cover;
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	.bg-banner{
		position: relative;
		/*height:90vh; */
		height: 95vh;
		min-height: 500px;
		background-color: rgba(0, 0, 255, 0.5); 
		/*background-image: url('assets/images/bg-banner.jpg'); */
		background-size: cover; 
		background-position: center center;
	}
	.bg-banner-transparency {
		position: absolute;
		left: 0;
		height: 100%;
		width: 100%;
		/*background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(0,0,255,0.5) 100%);*/
		background-color: rgba(16, 112, 255, 0.53);
		background-color: rgba(214, 214, 214, 1);

		background-image: linear-gradient(to right, #EB49B2 0%, #0235eb 100%);
		background-image: linear-gradient(to right, #6b6b6b 0%, #00dafd 100%);
		background-image: linear-gradient(to right, #232222 10%, #25bcd4 100%);
		background-image: linear-gradient(to right, #4a4a4a 10%, #25b36e 100%);
	}
	.bg-gradient-blue {
		position: absolute;
		left: 0;
		height: 100%;
		width: 100%;

		background-image: linear-gradient(to top, #387e5c 2%, #aae2e2 50%, #ffffff 100%);
	}

	.bg-gradient-black {
		position: absolute;
		left: 0;
		height: 100%;
		width: 100%;
		/* background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(0,0,255,0.5) 100%); */
		background-color: rgba(16, 112, 255, 0.53);
		background-color: rgba(214, 214, 214, 1);
		background-image: linear-gradient(to right, #EB49B2 0%, #0235eb 100%);
		background-image: linear-gradient(to right, #6b6b6b 0%, #00dafd 100%);
		background-image: linear-gradient(to right, #232222 10%, #25bcd4 100%);
		background-image: linear-gradient(to right, #4a4a4a 10%, #25b36e 100%);
	}
	.mr-slide-overlay {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background-color: rgb(129, 98, 204, .35);
		background-image: linear-gradient(to left, #4a4a4a 10%, #25b36e 100%);
		background: linear-gradient(to left, rgba(255,255,255,0) 10%, rgba(0,0,0,0.2) 100%);
		background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(33, 146, 48, 0.8) 100%);
	}


	.bg-mobile-template{ position: absolute; left:0; bottom:80px; height: 75%; width: 100%; padding: 14px; }

	.mobile-label{ font-size: 1rem; }
	.mobile-title {
		font-size: 1.85rem;
		line-height: 1;
		margin-bottom: 35px;
		margin-top: 35px;
	}
	.mobile-text-pass{font-size: 3rem; line-height: 1; margin-bottom: 20px; }


	.box-sobrenos ul{
		list-style: disc;
		margin-left: 15px;
	}




	.inner-box{ margin-top: 70px; }
	.inner-box .single-item {
		position: relative;
		display: block;
		/*overflow: hidden;*/
		margin-bottom: 30px;
		/*border-radius: 10px;*/
		/*box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);*/
		/*box-shadow: 0 10px 15px rgba(161, 239, 162, 0.59);*/
		padding: 30px;
		padding-top: 55px;
		margin-bottom: 65px;
	}
	.inner-box .single-item .bg-layer {
		position: absolute;
		content: "";
		top: 0;
		left: -101%;
		height: 100%;
		width: 100%;
		border-radius: 10px;
		-webkit-transition: all 0.6s ease;
		-o-transition: all 0.6s ease;
		transition: all 0.6s ease;
		background-size: 101% 101%;
	}

	.inner-box .single-item .icon-box {
		height: auto;
		width: auto;
		/*position: relative;*/
		/*display: inline-block;*/
		/*font-size: 65px;*/
		/*line-height: 65px;*/
		/*color: #4527a4;*/
		/*margin-bottom: 34px;*/
		/*transition: all 500ms ease;*/

		position: absolute;
		top: -45px;
		left: -20px;
		z-index: 99;
		border: 3px solid #ff244c;
		border: 1px solid #ffffff;
		height: 90px;
		width: 90px;
		text-align: center;
		border-radius: 50%;
		display: table;
		text-align: center;
		background-color: #ff244c0f;
		background-color: #94e0ac;
		box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
		box-shadow: 0 10px 15px rgba(161, 239, 162, 1);
	}
	.inner-box .single-item .icon-box .table-cell { display: table-cell; height: 100%; text-align: center; vertical-align: middle; }
	.inner-box .single-item .icon-box img{ width: 55px; }


	.shadow{ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); }


	.box-fundo{
		position: absolute;
		bottom: -20%;
		right: -25%;
		background-color: #ff244c;
		background-color: #74b75e;
		background-color: #25b36e;
		padding: 15px;
		box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	}

	.abt_list_wrapper { padding: 10px; }
	.abt_list_wrapper ul {
		list-style: none;
		padding: 0;
		text-transform: capitalize;
		/*margin-top: 20px;*/
	}
	.abt_list_wrapper li {
		font-size: 1.1em;
		padding: .13rem;
	}
	.abt_list_wrapper li a {
		color: #ffffff;
		font-weight: 500;
		line-height: 1.1;
	}
	.abt_list_wrapper li i {
		color: #ffffff;
		margin-right: 15px;
		font-size: 18px;
	}




	.form-control {
		padding: 14px 20px;
		height: 52px;
		font-size: 14px;
		border-color: #e8e8e8;
		border-radius: 1.5rem 0 1.5rem 0;
		border-radius: 1.2rem 0 1.2rem 0;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.form-control {
		padding: 10px 12px;
		height: 45px;
		font-size: 14px;
		border-radius: 1rem 0 1rem 0;
	}
	.form-flat-style .form-control {
		background-color: #f6f7f8;
		border-color: #f6f7f8;
		border-color: #d0d0d0;
	}
	.btn {
		display: inline-block;
		font-size: 14px;
		line-height: 22px;
		padding: 14px 26px;
		font-weight: 700;
		border-radius: 1.5rem 0 1.5rem 0;
		border-radius: 1.2rem 0 1.2rem 0;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.btn-primary {
		background: #30b666;
		border-color: #30b666;
		color: #ffffff;
	}
	.btn-primary.btn-flat:hover {
		background: #291843;
		border-color: #291843;
		color: #ffffff;
	}
	.img-gray{
		filter: gray; /* IE6-9 */
		-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
		filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
	}
	/* Disable grayscale on hover */
	.img-gray:hover {
		-webkit-filter: grayscale(0);
		filter: none;
	}
	




	.social__icons {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin: 15px 0;
	}
	.social__icons li {
		padding-right: 8px;
	}
	.social__icons li a {
		width: 38px;
		height: 38px;
		line-height: 36px;
		text-align: center;
		background-color: #fff;
		background-color: #009688;
		color: #fff;
		font-size: 19px;
		border-radius: 50%;
	}
	.social__icons li a {
		display: block;
		color: #1b1a1a;
		color: #20727c;
		color: #ffffff;
		-webkit-transition: all .4s linear;
		-moz-transition: all .4s linear;
		-o-transition: all .4s linear;
		transition: all .4s linear;
	}

	.box-contact-infos h4 {
		font-size: 1.7rem;
		margin-bottom: 3px;
		color: #6a6a6a;
	}
	.box-contact-infos .item {
		font-size: 1.4rem;
		margin-bottom: 3px;
		color: #6a6a6a;
	}





	.text-descricao p{ font-size: 1.5rem; color: #FFFFFF; }



	.box-quero-no-meu-negocio{
		background-color: #afa7a7;
		background-color: #496e7a;
		padding: 100px 0;
		border-bottom: 1px solid white;	
	}








	.ban-col-left{ height: 100%; }
	.ban-col-right{ height: 100%; }


	.box-buttons-store{ margin-top: 20px; }

	.title-banner{ font-size: 4.8rem; line-height: 1; line-height: .8; margin-bottom: 10px; }
	.text-banner{ font-size: 1.3rem; line-height: 1; margin-bottom: 10px; }




	/*.box-vantagens { border: 0px dotted green; padding: 120px 0; background-color: #FFFFFF; }*/
	/*.box-vantagens h5{ margin-top: 10px; margin-bottom: 15px; }*/
	/*.box-vantagens .img-icon{ width: auto; }*/

	.vantg-box-icon{ margin-bottom: 45px; }


	.box-como-funciona{ background-color: #1865D1; padding: 120px 0; }


	.box_cf_item{ border: 0px dotted white; height: 100%; }
	.box_cf_item.line-dotted{ border-left: 1px dotted #1EE2D4; height: 100%; }
	.box_cf_number{ position: relative; width: 90%; margin-bottom: 20px; }
	.lbl_number_row{ display: table; color: #FFFFFF; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.lbl_number{ display: inline-block; text-align: right; width: 32%; font-size: 5rem; font-weight: 500; line-height: 1; color: #FFFFFF; }
	.lbl_number_desc{ display: inline-block; width: 60%; position: absolute; right: 0; bottom: 5px; 
		color: #FFFFFF; 
		font-size: 1.25rem;
		line-height: 1.2;
		font-weight: 400;
	}

	.cf_icon_row{ margin-bottom: 15px; }



	.jconfirm.jconfirm-white .jconfirm-bg, 
	.jconfirm.jconfirm-light .jconfirm-bg {
		background-color: #009688 !important;
		opacity: .6 !important;
	}
	.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
		margin: 10px 0 !important;
		overflow: hidden;
	}
	.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content p{
		margin-bottom: .2rem !important;
		font-size: .85rem !important;
	}
	.jconfirm.jconfirm-white .jconfirm-box, 
	.jconfirm.jconfirm-light .jconfirm-box {
		border: 3px solid #009688 !important;
	}
	.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
		overflow-y: auto !important;
		height: auto !important;
		max-height: 420px !important;
	}




	.menu-footer{ }
	.menu-footer ul li{ display: inline-block; margin: 0 25px; }
	.menu-footer ul li a{ color: #000000; }

	.copy{ float: right; }

	

	/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	.play-now{
		position: absolute;
		left: 50%;
		top: 50%;
		display: block;
		border-radius: 50%;
		z-index:10;
		width:60px;
		height:60px;
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		transform-origin: center center;    
	}

	.play-now .icon{
		position: absolute;
		left: 50%;
		top: 50%;
		height: 75px;
		width: 75px;
		text-align: center;
		line-height: 75px;
		background-color: #25b36e; 
		/*37, 179, 110,*/
		color: #ffffff;
		z-index: 1;
		font-size: 25px;
		padding-left: 5px;
		display: block;
		
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		-webkit-transform-origin:center;
		transform-origin: center center; 

		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
		-webkit-box-shadow: 0 5px 15px 0 rgba(37, 179, 110, 0.1);
		-moz-box-shadow: 0 5px 15px 0 rgba(37, 179, 110, 0.1);
		-ms-box-shadow: 0 5px 15px 0 rgba(37, 179, 110, 0.1);
		-o-box-shadow: 0 5px 15px 0 rgba(37, 179, 110, 0.1);
		box-shadow: 0 5px 15px 0 rgba(37, 179, 110, 0.1);

	}

	.play-now .ripple,
	.play-now .ripple:before,
	.play-now .ripple:after {
		position: absolute;
		top: 50%;
		left: 50%;
		height: 65px;
		width: 65px;

		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		-webkit-transform-origin:center;
		transform-origin: center center; 
	  
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
		
		-webkit-box-shadow: 0 0 0 0 rgba(37, 179, 110, .3);
		-moz-box-shadow: 0 0 0 0 rgba(37, 179, 110, .3);
		-ms-box-shadow: 0 0 0 0 rgba(37, 179, 110, .3);
		-o-box-shadow: 0 0 0 0 rgba(37, 179, 110, .3);
		box-shadow: 0 0 0 0 rgba(37, 179, 110, .3);
		
		-webkit-animation: ripple 3s infinite;
		-moz-animation: ripple 3s infinite;
		-ms-animation: ripple 3s infinite;
		-o-animation: ripple 3s infinite;
		animation: ripple 3s infinite;
	}

	.play-now .ripple:before {
		-webkit-animation-delay: .9s;
		-moz-animation-delay: .9s;
		-ms-animation-delay: .9s;
		-o-animation-delay: .9s;
		animation-delay: .9s;
		content: "";
		position: absolute;

	}

	.play-now .ripple:after {
		-webkit-animation-delay: .6s;
		-moz-animation-delay: .6s;
		-ms-animation-delay: .6s;
		-o-animation-delay: .6s;
		animation-delay: .6s;
		content: "";
		position: absolute;

	}

	@-webkit-keyframes ripple {
		70% {box-shadow: 0 0 0 40px rgba(37, 179, 110, 0);}
		100% {box-shadow: 0 0 0 0 rgba(37, 179, 110, 0);}
	}

	@keyframes ripple {
		70% {box-shadow: 0 0 0 40px rgba(37, 179, 110, 0);}
		100% {box-shadow: 0 0 0 0 rgba(37, 179, 110, 0);}
	}

	.modal-dialog {
		max-width: 800px;
		margin: 30px auto;
	}
	.modal-content {
		background-color: transparent;
	}
	.modal-body {
		position:relative;
		padding:0px;
	}
	.close {
		position:absolute;
		right:-30px;
		top:0;
		z-index:999;
		font-size:2rem;
		font-weight: normal;
		color:#fff;
		opacity:1;
	}
	/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


	.box-cnt{
		width: 250px;
		height: 250px;
		border: 3px solid gray;
		border: 15px solid #cbcecf;
		border-radius: 50%;
		display: table;
		margin: 0 auto;
		margin-bottom: 15px;
		text-align: center;	
		background-color: #efefef;
		cursor: pointer;

		background-size: contain;
		background-size: 80%;
		background-repeat: no-repeat;
		background-position: center center;

	}
	.box-cnt.active{
		border-color: #496e7a;
		background-color: #caffe5;
	}
	.box-cnt-contet{
		display: table-cell;
		vertical-align: middle;
	}
	.box-cnt-img{
		width: 130px;
		height: 130px;
		margin: 0 auto; 
		margin-bottom: 20px; 
		text-align: center;
	}

	.box-text-cnt{
		margin-bottom: 35px;
		background-color: #e2e2e2;
		padding: 30px 15px;
		padding-left: 25px;
		/* font-size: 1rem; */
		border-top-left-radius: 30px;
		border-bottom-left-radius: 30px;
		background-image: linear-gradient(to left, #e2e2e2 10%, #496e7a 100%)
	}
	.box-text-cnt h4{ font-size: 1.5rem !important; color: #ffffff; }

	.box-text-cnt-form{
		padding: 15px;
		background-color: #e2e2e2;

		border-top-right-radius: 30px;
		border-bottom-right-radius: 30px;
		border-bottom-left-radius: 30px;
	}

	.form-flat-style .form-control {
		background-color: #f8f8f8;
		border-color: #f6f7f8;
		border-color: #a0b1b6;
	}