@font-face {
		font-family:'FuturaBold';
		src:url('../font/Futura-Bold.woff2') format('woff2'),
			url('../font/utura-Bold.woff') format('woff');
		font-weight:bold;
		font-style:normal;
		font-display:swap;
	}

	@font-face {
		font-family:'FuturaBook';
		src:url('../font/Futura-Book.eot');
		src:url('../font/Futura-Book.eot?#iefix') format('embedded-opentype'),
			url('../font/Futura-Book.woff2') format('woff2'),
			url('../font/Futura-Book.woff') format('woff'),
			url('../font/Futura-Book.ttf') format('truetype'),
			url('../font/Futura-Book.svg#FuturaBook') format('svg');
		font-weight:normal;
		font-style:normal;
		font-display:swap;
	}

	*{ font-family:'FuturaBook'; box-sizing:border-box; }

	body{ background:#fff; margin:0; padding:0; }
	a{ cursor:pointer; display:block; text-decoration:none; }
	p{ font-size:16px; margin:0; padding:0 0 20px 5px; color:#765292; line-height:25px; }
	ul{ margin:0; padding:0; }
	ul li{ padding:0; list-style:none; margin:0; }
	img{ display:block; }
	strong, b, h1{ font-weight:normal; }
	h1{ font-size:50px; color:#3c3c3c; margin:0; padding:80px 0 15px; line-height:1; }
	h1 strong{ color:#00988D; font-family:'FuturaBold'; font-size:55px; }
	
	.modal{ display:none; position:absolute; background:#fff; border-radius:10px; padding:0 10px 20px 10px; }
	.modal .closeOverlay{ position:absolute; top:10px; right:10px; font-family:'FuturaBold'; font-size:20px; color:#00988D; }
	.btWhats{ position:fixed; bottom:40px; right:40px; width:50px; height:50px; background-image:url(../../images/ico-whatsapp.png); background-repeat:no-repeat; background-size:100%; }
	.load{
		width:100%;
		height:100%;
		z-index:9999;
		position:fixed;
		top:0;
		left:0;
		background-color:#0000008f;
		display:none;
	}
	.load img{ width:50px; margin:calc(50vh - 25px) 0 0 calc(50% - 25px); }

	.container{ width:1200px; position:relative; margin:0 auto; }
	.centralizarDiv{ margin:0 auto !important; }
	.txtCenter{ text-align:center; }
	.clear{ clear:both; }
	.btPadrao{
		padding:10px 20px;
		color:#fff;
		font-size:15px;
		border-radius:5px;
		width:max-content;
		-webkit-transition:all 0.2s ease-in-out;
		-moz-transition:all 0.2s ease-in-out;
		-o-transition:all 0.2s ease-in-out;
		transition:all 0.2s ease-in-out;
		cursor:pointer;
	}
	.btPadrao strong{ color:#fff; font-family:'FuturaBold'; font-size:17px; }
	.btRoxo{ border:1px solid #4e3164; background-color:#765292;}
	.btRoxo:hover{ background-color:#9165b3; border-color:#765292; }
	.btVerde{ border:1px solid #01746c; background-color:#00988D;}
	.btVerde:hover{ background-color:#00b3a7; border-color:#00988D; }

	#header{
		z-index:99;
		-webkit-transition:all 0.2s ease-in-out;
		-moz-transition:all 0.2s ease-in-out;
		-o-transition:all 0.2s ease-in-out;
		transition:all 0.2s ease-in-out;
		position:fixed;
		top:0;
		left:0;
		width:100%;
	}
	#header .container{
		border-bottom:1px solid #765292;
		padding:25px 0;
		-webkit-transition:all 0.2s ease-in-out;
		-moz-transition:all 0.2s ease-in-out;
		-o-transition:all 0.2s ease-in-out;
		transition:all 0.2s ease-in-out;
	}
	#header ul{ margin:0; padding:0; }
	#header ul li{ float:left; padding:0; list-style:none; }
	#header ul li a{
		width:100%;
		color:#765292;
		text-decoration:none;
		padding:0 10px;
		font-size:16px;
		-webkit-transition:all 0.2s ease-in-out;
		-moz-transition:all 0.2s ease-in-out;
		-o-transition:all 0.2s ease-in-out;
		transition:all 0.2s ease-in-out;
	}
	#header ul li a.acesso-restrito{ display:none; }
	#header ul li a:hover{ color:#00988D; }
	#header ul li:first-of-type a{ padding-left:0; }
	#header .bts{
		position:absolute;
		top:16px;
		padding:10px 10px 10px 35px;
		border:1px solid #765292;
		font-size:13px;
		color:#765292;
		-webkit-transition:all 0.2s ease-in-out;
		-moz-transition:all 0.2s ease-in-out;
		-o-transition:all 0.2s ease-in-out;
		transition:all 0.2s ease-in-out;
	}
	#header .bts:hover{ background-color:#9165b3; border-color:#765292; color:#fff; }
	#header .bts img{
		position:absolute;
		top:10px;
		left:10px;
		-webkit-transition:all 0.2s ease-in-out;
		-moz-transition:all 0.2s ease-in-out;
		-o-transition:all 0.2s ease-in-out;
		transition:all 0.2s ease-in-out;
	}
	#header .bts:hover img{ filter:brightness(0) invert(1); }
	#header #btAcessoRestrito{ right:0; }

	#banner{ width:100%; border-bottom:1px solid #C8CBD4; padding:75px 0 40px; }
	#banner .bgVolante{ position:absolute; bottom:-40px; right:75px; z-index:-1; }
	#banner .logo{ margin:25px 0; }
	#banner p{ color:#00988D; font-size:18px; }

	.dicas{ display:block; margin:65px auto; }
	.dicas li{ float:left; text-align:center; width:calc(100% / 4); color:#3c3c3c; padding:0 25px; }
	.dicas li img{ margin:0 auto 30px; display:block; }
	.dicas li b{ color:#00988D; font-family:'FuturaBold'; padding:0 0 15px 0; display:block; font-size:20px; }
	#btCriar{ margin:55px auto; font-size:18px; }
	#btCriar strong{ font-size:20px; }

	.planos{ display:block; margin:65px auto; }
	.planos li{ float:left; text-align:center; width:calc((100% - 40px) / 4); padding:10px; border:1px solid #F4F4F4; background-color:#fff; margin:0 5px; }
	.planos li div{ padding:0 0 20px; background-color:#F4F4F4; }
	.planos li div b{ color:#765292; font-family:'FuturaBold'; font-size:20px; display:block; padding-top:25px; text-transform:uppercase; }
	.planos li div span{ display:block; margin:25px auto; font-size:45px; color:#00988D; position:relative; width:max-content; font-family:'FuturaBold'; }
	.planos li div span::after{ content:'R$'; position:absolute; display:block; top:8px; left:-18px; color:#727272; font-size:15px; font-family:'FuturaBook'; }
	.planos li div span small{ font-size:40%; }
	.planos li div p{ text-align:left; width:100%; font-size:13px; padding:0 30px; color:#3c3c3c; }
	.planos li div hr{ width:100%; height:2px; background-color:#fff; padding:0; margin:20px 0; border:none; }
	.planos li div a{ margin:0 auto; padding:5px 35px; font-size:17px; }
	.imgCartoes{ margin:40px auto 0; }
	
	.termos{ width:80%; margin:0 auto; display:block; border-radius:5px; border:1px solid #3c3c3c; padding:5px 10px; color:#3c3c3c; overflow:auto; height:350px; font-size:13px; }

	#formContato{ width:80%; margin:0 auto; }
	.inputbox{
		border:1px solid #E8E8E8;
		padding:10px 15px;
		background-color:#F5F5F5;
		color:#727272;
		width:calc((100% - 40px) / 3);
		margin:0 5px 10px;
		font-size:17px;
		border-radius:5px;
	}
	#formContato textarea{ width:calc(100% - 10px) !important; margin:0; height:100px; }
	#formContato #btEnviarMensagem{ float:right; margin:10px 10px 0 0; font-size:20px; padding:7px 30px; }

	#redes{ width:100%; border-bottom:1px solid #C8CBD4; border-top:1px solid #C8CBD4; text-align:center; margin:120px 0 0; padding-top:6px; }
	#redes a{ display:inline-block; margin:0 10px; }

	#rodape{ padding:30px 0; width:100%; background-color:#F9FAFD; }
	#rodape p{ font-size:12px; text-align:center; color:#3c3c3c; padding:0; line-height:normal;}
	#rodape p img{ margin:10px auto 0; width:25px; }

	iframe{ margin:50px auto 0; display:block; }

	#carrinho{ width:880px; }
	#carrinho h1{ padding:20px 0 15px 10px; }
	#carrinho > p{ padding:0 0 0 15px; }
	#carrinho div.box{ width:calc((100% / 2) - 20px) !important; margin-right:10px; margin-left:10px; padding:0; max-width:calc((100% / 2) - 20px) !important; float:left; }
	#carrinho div.box h3{ background:#00988D; color:#fff; padding:10px; margin:20px 0 0 0; font-size:13px; border-radius:5px 5px 0 0; }
	#carrinho div.box p{ font-family:Arial; font-size:12px; border:1px solid #3c3c3c; border-top:none; padding:10px; margin:0; position:relative; }
	#carrinho div.box p:last-of-type{ border-radius:0 0 5px 5px; }
	#carrinho div.box .bts{
		width:100%;
		padding:5px 0;
		color:#fff;
		background:#333;
		border:none;
		text-align:center;
		/*margin:10px auto;*/
		display:block;
		cursor:pointer;
		font-size:14px;
		-webkit-transition:all 0.2s ease-in-out;
		-moz-transition:all 0.2s ease-in-out;
		-o-transition:all 0.2s ease-in-out;
		transition:all 0.2s ease-in-out;
		border-radius:5px;
	}
	#carrinho div.box p .setShipping{ margin:0 5px 0 0; }
	#carrinho div.box p .setAddress{ margin:0 5px 0 0; }
	#carrinho div.box p .setCard{ margin:0 5px 0 0; }
	#carrinho div.box p b.shipping{ width:70px; display:inline-block; }
	#carrinho div.box p small.shipping{ width:155px; display:inline-block; }
	#carrinho div.box p .cep{ width:30%; }
	#carrinho div.box p .apelido{ width:58%; margin-right:0 !important; }
	#carrinho div.box p .num{ width:30%; }
	#carrinho div.box p .complemento{ width:calc(70% - 13px); margin-right:0 !important; }
	#carrinho div.box p .cidade{ width:70%; margin-bottom:0 !important; }
	#carrinho div.box p .estado{ width:calc(30% - 13px); margin-right:0 !important; margin-bottom:0 !important; }
	#carrinho div.box p .validade{ width:calc(38% - 7px); margin-bottom:0 !important; }
	#carrinho div.box p .codigo{ width:calc(63% - 7px); margin-bottom:0 !important; margin-right:0 !important; }
	#carrinho div.box p .documento{ width:calc(51% - 7px); }
	#carrinho div.box p .sexo{ width:calc(50% - 7px); margin-right:0 !important; margin-bottom:0 !important; background:#fff; }
	#carrinho div.box p .data{ width:calc(51% - 7px); margin-bottom:0 !important; }
	#carrinho div.box p .telcel{ width:calc(50% - 7px); margin-right:0 !important; margin-bottom:0 !important; }
	/*#carrinho div.box p .cartao{ width:calc(47% - 7px); }*/
	#carrinho div.box p .parcela{ width:calc(53% - 6px); margin-right:0 !important; background:#fff; }
	#carrinho div.box #CarProduto{ margin-bottom:0; }
	#carrinho div.box p.resumo{ position:relative; }
	#carrinho div.box p.resumo img{ width:80px; background-size:80%; background-repeat:no-repeat; background-position:center; }
	#carrinho div.box p.resumo small{ display:block; width:74%; float:right; font-size:95%; line-height:normal; }
	#carrinho div.box p.resumo small strong{ margin-bottom:5px; display:block; }
	#carrinho div.box p.resumo b{ position:absolute; display:block; text-align:left; bottom:10px; right:25px; }
	#carrinho div.box p.resumo a{ display:block; position:absolute; bottom:10px; left:95px; font-size:11px; }
	#carrinho div.box p.resumo a:hover{ text-decoration:underline; }
	#carrinho div.box div.listAddress p{ border-radius:0; }
	#carrinho div.box div.listAddress p b{ cursor:pointer; }
	#carrinho div.box div.listAddress p .remAddress{ position:absolute; top:10px; left:285px; display:block; font-size:11px; }
	#carrinho div.box div.listAddress p .remAddress:hover{ text-decoration:underline; }
	#carrinho div.box table{ width:100%; border:1px solid #3c3c3c; border-top:none; }
	#carrinho div.box table tr{ border:1px solid #3c3c3c; border-top:none; }
	#carrinho div.box table tr.trTotal{ background:#ECECEC; }
	#carrinho div.box table tr.trTotal td{ font-size:20px; vertical-align:bottom; }
	#carrinho div.box table tr.trTotal td small{ display:block; font-size:12px; }
	#carrinho div.box table tr td{ font-family:Arial; font-size:12px; padding:10px; }
	#carrinho div.box table tr td.vlrs{ text-align:right; padding-right:25px; }
	
	
	#carrinho .inputbox {
		font-size:12px !important;
		height:28px;
		border:1px solid #3c3c3c;
		border-radius:3px;
		margin:0 10px 10px 0;
		width:100%;
		padding:5px 10px;
		font-family:Arial;
	}

	#carrinho .btPadrao.btRoxo{ font-size:22px; width:100%; }
	#carrinho #load-cep{ margin-left:5px; display:inline-block; }
	#carrinho .inputbox:read-only{ background-color:#ECECEC; }
	#carrinho h3.message{ text-align:center; font-size:25px; line-height:35px; }
	#carrinho small.texto-legal{ font-size:10px; line-height:normal; display:block; }



	#login{ width:320px; }
	#login h1{ padding:20px 0 15px 0px; font-size:35px; }
	#login h1 strong{ font-size:35px; display:inline-block; }
	#login p{ padding:0 0 15px 0; }
	#login .inputbox{ width:100%; margin:0 0 15px 0; }
	#login #btLogin{ width:100%; font-size:20px; padding:7px 30px; }
	#login .esqueci-minha-senha{ padding:0 0 15px 0; color:#765292; }
	#login .esqueci-minha-senha:hover{ text-decoration:underline; }


	@media (max-width:1200px){
		.container{ width:320px; }
		h1 strong{ display:block; }
		#header{ width:100%; }
		#header #btAcessoRestrito{ display:none; transform:scale(.8); top:5px; }
		#header ul{
			display:none;
			position:absolute;
			top:0;
			left:0;
			width:100%;
			background:#fff;
			padding:60px 20px 20px 20px;
			border-bottom:1px solid #765292;
			z-index:-1;
		}
		#header ul li{ width:100%; padding:10px !important; }
		#header ul li:first-of-type a{ padding-left:inherit; }
		#header ul li a.acesso-restrito{ display:block; }
		#banner .logo{ width:85%; }
		#banner .bgVolante{ right:-95px; opacity:0.2; }
		.dicas li { width:100%; padding:0 25px 70px; }
		#btCriar{ width:100%; text-align:center; }
		.planos li{ width:100%; margin:0 5px 45px; }
		.termos{ width:100%; }
		#formContato { width:100%; }
		#formContato .inputbox{ width:100% !important; margin:0 0 10px; }
		#formContato #btEnviarMensagem{ margin-right:0; width:100%; }
		#rodape p{ width:70%; margin:0 auto; }
		.menuMobile{ display:block; position:absolute; top:15px; right:0; width:30px; }
		.menuMobile span{ display:block; width:100%; background-color:#01746c; padding:2px; margin-bottom:4px; border-radius:3px; }
		.imgCartoes{ width:100%; }

		.slick-prev::before, .slick-next::before{ color:#765292; }
		.slick-prev{ left:-27px; z-index:90; }
		.slick-next{ right:-27px; z-index:90; }

		#carrinho{ width:320px; height:90%; overflow:auto; }
		#carrinho h1{ font-size:24px; padding:10px 0 0px; }
		#carrinho h1 strong{ font-size:24px; display:inline; }
		#carrinho div.box{ width:100% !important; max-width:100% !important; margin:0; }
		#carrinho > p{ padding:0 0 0 0; font-size:13px; }
		#carrinho div.box h3{ margin:10px 0 0 0; }



	}