.error {
		font-size: 11px;
		color: red !important;
	}
	
	@font-face {
		font-family: 'sansa_pronormal';
		src: url('../fonts/sansapro-normal-webfont.woff2') format('woff2'),
			 url('../fonts/sansapro-normal-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
	.ftSanaNormal{ font-family: 'sansa_pronormal', sans-serif; }

	@font-face {
		font-family: 'sansa_probold';
		src: url('../fonts/sansapro-bold-webfont.woff2') format('woff2'),
			 url('../fonts/sansapro-bold-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
	.ftSanaBold{ font-family: 'sansa_probold', sans-serif; }
	@font-face {
		font-family: 'sansa_prolight';
		src: url('../fonts/sansapro-light-webfont.woff2') format('woff2'),
			 url('../fonts/sansapro-light-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
	.ftSanaLight{ font-family: 'sansa_prolight', sans-serif; }

	


	a { color: #28245F !important; outline: none !important; }
 
	body h1, body h2, body h3, body h4, body h5, body h6 {
		font-family: 'sansa_pronormal', sans-serif !important;
		font-weight: normal;
		color: #28245F !important;
	}
	body {
		font-family: 'sansa_pronormal', sans-serif !important;
		color: #28245F !important;
		font-weight: normal;
		font-size: .8rem;
	}
	p{ font-size: .8rem !important; }

	
	body .h2, body h2 { font-size: 1.30rem; font-weight: 600 !important; }
	body .h3, body h3 { font-size: 1.10rem; font-weight: 500 !important; }
	body .h4, body h4 { font-size: 1.00rem; font-weight: 500 !important; }
	body .h5, body h5 { font-size: 0.8rem; font-weight: normal !important; }


	.fontSizeMedia{ font-size: 1.25rem !important; font-size: 1.15rem !important; line-height: 1.1; }
	.fontSizeGrande{ text-align: center; font-size: 2rem; font-weight: 300; line-height: 1.2; }
	.fontSizeSemiBold{ 
		font-size: .8rem;
		color: #28245F !important;
		font-weight: 600; 
		text-transform: uppercase;
	}
	.bold{ font-weight: bold !important; }



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

	.bd1{ border: 1px dotted red; }
	.bd2{ border: 1px dotted orange; }
	.bd3{ border: 1px dotted green; }
	

	.no-margin{ margin: 0 !important; }
	.no-padding{ padding: 0 !important; }
	
	.is_desktop{ display:block; }
	.is_mobile{ display:none; }

	.img-w-full{ width: 100%; }
	.w100p{ width: 70%; }
	.w95p{ width: 95%; }
	.w93p{ width: 93%; }
	.w90p{ width: 90%; }
	.w85p{ width: 85%; }
	.w80p{ width: 80%; }
	.w75p{ width: 75%; }
	.w60p{ width: 60%; }
	.w30p{ width: 30%; }

	.h100p{ height: 100%; }
	.h95p{ height: 95%; }
	.h90p{ height: 90%; }
	.h80p{ height: 80%; }


	.cor-branco{ color: #FFFFFF !important; }
	.cor-azul-claro{ color: #52E3F6 !important; }
	.cor-azul{ color: #1794E6 !important; }

	.bg-branco{ background-color: #FFFFFF !important; }
	.bg-azul-claro{ background-color: #52E3F6 !important; }
	.bg-azul{ background-color: #1794E6 !important; }
	.bg-roxo{ background-color: #792E80 !important; }

	.box-center{ margin: 0 auto; text-align: center; }

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

	body .shadow{
		/*-webkit-box-shadow: 3px 10px 20px 11px #C6C5D3; */
		/*box-shadow: 3px 10px 20px 11px #C6C5D3;*/

		/*-webkit-box-shadow: 10px 15px 30px 17px #C6C5D3 !important; */
		/*box-shadow: 10px 15px 30px 17px #C6C5D3 !important;*/

		-webkit-box-shadow: 6px 8px 34px 9px #C6C5D3 !important; 
		box-shadow: 6px 8px 34px 9px #C6C5D3 !important;
	}
	body .shadow-azul{
		-webkit-box-shadow: 6px 8px 34px 9px #28245f8c !important; 
		box-shadow: 6px 8px 34px 9px #28245f8c !important;
	}

	.btn-branco{ background-color: #FFFFFF; border: 1px solid #FFFFFF; border-radius: 60px; padding: .8rem 1.95rem; color: #28245F; font-size: 1rem; text-transform: uppercase; min-width: 200px; }
	.btn-branco:hover{ background-color: #fbfbfb; border: 1px solid #fbfbfb; color: #28245F; }


.btn-login-sm {
    background-color: #1794E8;
    border: 1px solid #C7C6D6;
    border: 1px solid #d6d6d6a6;
    border-radius: 60px;
    /* padding: .8rem 1.95rem; */
    color: #FFFFFF !important;
    font-size: 0.7rem;
    text-transform: uppercase;
    /* min-width: 200px; */
    -webkit-box-shadow: 10px 15px 35px 2px #C6C5D3;
    box-shadow: 10px 15px 35px 2px #C6C5D3;
}

.btn-cadastrar-sm {
    background-color: #28245f;
    border: 1px solid #FFFFFF;
    border-radius: 60px;
    /* padding: .8rem 1.95rem; */
    color: #FFFFFF !important;
    font-size: 0.7rem;
    text-transform: uppercase;
    /* min-width: 200px; */
	 -webkit-box-shadow: 10px 15px 35px 2px #C6C5D3 !important;
    box-shadow: 10px 15px 35px 2px #C6C5D3 !important;
}

	header{ position: relative; z-index: 999; }
	.box-menu{ float: right;  }

	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: 1rem;
		padding-left: 1rem;
		padding: .0rem 1rem;
		padding-top: .4rem;
		font-size: .77rem;
		color: #28245F !important;
		color: #5E5D89 !important;
		font-weight: bold;
		text-align: center;
	}


	.box-header-buttons{ margin-left: 60px; }


	.text-phone{
		font-size: 1.15rem;
		font-weight: bold;
		color: #B93751 !important;
	}
	.text-email{
		font-size: .95rem;
		font-weight: bold;
		color: #B93751 !important;
	}

	.btn-azul-gradient{ 
		background-color: #1794E8; 
		border: 1px solid #C7C6D6;
		border: 1px solid #d6d6d6a6;
		border-radius: 60px; 
		padding: .5rem 1.5rem; 
		color: #FFFFFF !important; 
		font-size: 1rem; 
		text-transform: uppercase; 
		min-width: 150px; 

		-webkit-box-shadow: 10px 15px 35px 2px #C6C5D3; 
		box-shadow: 10px 15px 35px 2px #C6C5D3;

	}
	.btn-azul-gradient:hover{ 
		background-color: #1794E8; 
		color: #FFFFFF !important; 
	}

	.btn-gradient{
		background: rgba(23,148,232,1);
		background: -moz-linear-gradient(-45deg, rgba(23,148,232,1) 0%, rgba(19,198,236,1) 55%, rgba(17,220,238,1) 80%);
		background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(23,148,232,1)), color-stop(55%, rgba(19,198,236,1)), color-stop(80%, rgba(17,220,238,1)));
		background: -webkit-linear-gradient(-45deg, rgba(23,148,232,1) 0%, rgba(19,198,236,1) 55%, rgba(17,220,238,1) 80%);
		background: -o-linear-gradient(-45deg, rgba(23,148,232,1) 0%, rgba(19,198,236,1) 55%, rgba(17,220,238,1) 80%);
		background: -ms-linear-gradient(-45deg, rgba(23,148,232,1) 0%, rgba(19,198,236,1) 55%, rgba(17,220,238,1) 80%);
		background: linear-gradient(135deg, rgba(23,148,232,1) 0%, rgba(19,198,236,1) 55%, rgba(17,220,238,1) 80%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1794e8', endColorstr='#11dcee', GradientType=1 );

		/*-webkit-box-shadow: #C7C6D6 8px 5px 22px ;*/
		/*-moz-box-shadow: #C7C6D6 8px 5px 22px ; */
		/*box-shadow: #C7C6D6 8px 5px 22px ; */
		/*background-color: #1793E9; */
		/*background-image: -webkit-gradient(linear, left top, left bottom, from(#1793E9), to(#11DAEE));*/
		/*background-image: -webkit-linear-gradient(top, #1793E9, #11DAEE);*/
		/*background-image: -moz-linear-gradient(top, #1793E9, #11DAEE);*/
		/*background-image: -ms-linear-gradient(top, #1793E9, #11DAEE);*/
		/*background-image: -o-linear-gradient(top, #1793E9, #11DAEE);*/
		/*background-image: linear-gradient(to bottom, #1793E9, #11DAEE);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1793E9, endColorstr=#11DAEE);*/
	}



	.box-icons-redes{ float: right; }
	.box-icons-redes .icons-redes{ display: inline-block; margin-left: 10px; }
	.box-footer-logo{ float: right; }


	.box-banner-header{ position: relative; height: 470px; padding: 0; margin-bottom: 0px; }
	.box-banner-header .bg-header-tarja{ position: absolute; top:0; left:0;     height: 90%;width: 100%; }
	.box-banner-header .bg-header-tarja-text{ position: absolute; top:0; left:0; height: 90%; width: 100%; }
	.box-banner-header .box-banner-header-texto{ width: 75%; }
	.box-banner-header .box-banner-header-text-equipe{ padding: 0px 0; padding-bottom: 0px; width: 55%; }
	.box-banner-header .bg-header-image{ position: absolute; top:0; right:0;  width: 100%; background-repeat: no-repeat; background-position: top right; background-size: contain; }
	
	.box-como-funciona{ height: auto; padding: 50px 0; padding-bottom: 60px; }
	.text-num{ font-size: 3rem; line-height: 1.2; color: white; text-shadow: -1px 0 #555079, 0 1px #555079, 1px 0 #555079, 0 -1px #555079; }

	.box-flipchat{ min-height: 320px; height: 320px; padding: 0; margin-top: 0px; }
	.box-flipchat .box-flipchat-texto{ width: 75%; }
	.box-flipchat .box-flipchat-imagem{ position: absolute; bottom: 0; }

	.box-clientes{ height: auto; padding: 0; }


	.box-facilidades{ height: auto; padding: 0; margin-top: 50px; }
	.box-facilidades .box-item{    padding: 0px 25px; }
	.box-facilidades .box-item p{ font-size: .85rem !important;}
	/*#facilidades .box-item{ padding: 15px 35px; }*/
	/*#facilidades .box-item p{ font-size: .85rem !important;}*/


	.box-flexibilidade{ height: auto; padding-top: 50px; margin-bottom: 20px; }

	.box-cartoes{ 
		height: 357px;
		margin-top: 30px; 
		margin-bottom: 80px; 
		/*background-image: url('assets/images/bg2.png'); */
		background-repeat: no-repeat; 
		background-position: top left; 
		background-size: cover;
	}
	.box-cartoes .box-cartoes-texto{ border-radius: 8px; position: absolute; top: 42px; left: 0;     height: 265px; }
	.box-cartoes .box-cartoes-texto .text-padding{ padding: 60px; border-radius: 8px; }
	.box-cartoes .box-cartoes-imagem{ position: absolute; top: 35px; left: -50px; }


	.box-personalizar{ height: 430px; padding: 0; }
	.box-personalizar .box-personalizar-texto{ width: 60% !important; padding: 40px 0; }
	.box-personalizar .box-personalizar-imagem{  }



	.form-contact-inner form .form-control {
		padding: .25rem 1.25rem;
		font-size: .85rem;
		font-weight: 400;
		line-height: 1.5;
		color: #495057;
		border-radius: 3rem;
	}
	.form-contact-inner form textarea.form-control {
		padding: .8rem 1.25rem;
		border-radius: 1.5rem;
		height: 135px;
		resize: none;
	}

	footer{ border-top: 1px solid #F4F6F5; padding-top: 15px; padding-bottom: 10px; margin-bottom: 0px; }

	.cs-nav-container{ position: absolute; top: 0; width: 100%; height: 100%; display: table; }
	.cs-nav{
		display: table-cell;
		height: 100%;
		vertical-align: middle;
		width: 35px;
		position: absolute;	
		background-repeat: no-repeat; 
		background-position: center center; 
		background-size: contain;
		cursor: pointer;
	}
	.cs-nav-prev{
		left: -36px;
		background-image: url('../images/arrow-prev.png'); 
	}
	.cs-nav-next{
		right: -36px;
		background-image: url('../images/arrow-next.png'); 
	}


	@media (max-width: 1200px){
		.navbar-expand-md .navbar-nav .nav-link {
			padding: .2rem .2rem;
			padding-top: .4rem;
			font-size: .65rem;
			align-items: center;
		}
	}

	@media (max-width: 1024px){
		body {
			font-family: 'sansa_pronormal', sans-serif !important;
			color: #28245F !important;
			font-weight: normal;
			font-size: .75rem;
		}
		p{ font-size: .75rem !important; }

		body .h2, body h2 { font-size: 1.40rem; }
		body .h3, body h3 { font-size: 1.30rem; }
		body .h4, body h4 { font-size: 1rem; }
		body .h5, body h5 { font-size: .85rem; }

		.fontSizeMedia{ font-size: 1.25rem !important; font-size: 1.15rem !important; line-height: 1.1; }
		.fontSizeMedia{ font-size: .9rem !important; line-height: 1.2; }

		.fontSizeGrande{ text-align: center; font-size: 1.6rem; font-weight: 300; line-height: 1.2; }
		.fontSizeSemiBold{ font-size: .65rem; }


		.box-logotipo img{ width: 90%; }
		.box-header-buttons { margin-left: 10px; margin-top: 7px; }
		.navbar-expand-md .navbar-nav .nav-link {
			padding: .2rem .2rem;
			padding-top: .4rem;
			font-size: .65rem;
			align-items: center;
		}
		.text-phone { font-size: .8rem; }
		.text-email { font-size: .8rem; }




		.box-banner-header .bg-header-image { height: 50vh; margin-top: 100px; }
		.box-banner-header .box-banner-header-texto { width: 90%; text-align: center; }
		.box-banner-header .box-banner-header-text-equipe{ width: 90%; text-align: center; margin: 0 auto; }
		


		.box-facilidades .box-item p { font-size: .65rem !important; }


		.box-cartoes { margin-bottom: 0; }

	}

	@media (max-width: 736px){
		.navbar-light .navbar-toggler {
			position: absolute;
			top: -50px;
			right: 15px;
		}
		.menu-principal{ z-index: 9999; margin: 10px 0; }
		header .col-menu{ padding: 0 !important; background-color: #FFFFFF;  }


		.box-logotipo img{ width: 100%; }
		header .box-menu{ float: none; width: 100%; }
		.box-header-buttons {
			margin-top: 10px;
			margin-left: 0;
		}

		.box-cartoes {
			height: auto !important;
			margin-top: 20px;
			margin-bottom: 10px; 
		}
		.box-cartoes .box-cartoes-texto .text-padding {
			padding: 30px;
			border-radius: 8px;
		}


		.box-personalizar { height: 630px; }


		.text-copy{ text-align: center; }
		.box-icons-redes {
			float: none;
			display: table;
			margin: 0 auto;
		}
		.box-footer-logo {
			float: none;
			display: table;
			margin: 0 auto;
		}
		.box-footer-logo img{ max-height: 40px !important; }


	}
	@media (max-width: 640px){
		.is_desktop{ display:none !important; }
		.is_mobile{ display:block !important; }

		body {
			font-family: 'sansa_pronormal', sans-serif !important;
			color: #28245F !important;
			font-weight: normal;
			font-size: .75rem;
		}
		p{ font-size: .75rem !important; }

		body .h2, body h2 { font-size: 1.20rem; }
		body .h3, body h3 { font-size: 1.00rem; }
		body .h4, body h4 { font-size: 0.8rem; }
		body .h5, body h5 { font-size: .65rem; }

		.fontSizeMedia{ font-size: 1.25rem !important; font-size: 1.15rem !important; line-height: 1.1; }
		.fontSizeMedia{ font-size: .9rem !important; line-height: 1.2; }

		.fontSizeGrande{ text-align: center; font-size: 1.6rem; font-weight: 300; line-height: 1.2; }
		.fontSizeSemiBold{ font-size: .7rem; }

		.navbar-light .navbar-toggler {
			position: absolute;
			top: -50px;
			right: 15px;
		}
		.menu-principal{ z-index: 9999; margin: 10px 0; }
		header .col-menu{ padding: 0 !important; background-color: #FFFFFF;  }

		header .box-menu{ float: none; width: 100%; }
		.box-header-buttons {
			margin-top: 10px;
			margin-left: 0;
		}


		.box-banner-header { position: relative; background-color: #52E3F6 !important; margin-bottom: 15px; height: 500px; }
		.box-banner-header .bg-header-tarja {
			position: absolute;
			top: 0;
			left: 0;
			height: 80%;
			width: 100%;
			padding: 35px;
		}
		.box-banner-header .bg-header-tarja-text{ top: initial; bottom: 40px; height: 45%; border: 0px dotted orange; }
		.box-banner-header .box-banner-header-texto{ width: 100%;  }
		.box-banner-header .bg-header-image {
			position: absolute;
			/*background-size: 80%;*/
			/* top: 0; */
			/* right: 0; */
			height: 100%;
			width: 90%;
			bottom: 0;
			height: 300px;
			height: 50%;
			margin-top: 10px;
		}
		.box-banner-header .btn-campanha{ margin: 0 auto; text-align: center; }



		.box-como-funciona { padding: 40px 0; padding-bottom: 40px; }



		.box-flipchat{ min-height: 1px; height: auto; padding: 0; margin-top: 0px; }
		.box-flipchat .box-flipchat-texto{ margin: 0 auto; text-align: center; padding: 40px 0; }
		.box-flipchat .box-flipchat-imagem{ position: relative; bottom: 0; }
		.box-flipchat .box-flipchat-imagem img{ width: 80% !important; }


		.box-cartoes{ 
			height: auto !important;
			margin-top: 30px; 
			margin-bottom: 10px; 
		}
		.box-cartoes .box-cartoes-texto{ position: relative; top: 35px; left: 0; height: auto; }
		.box-cartoes .box-cartoes-texto .text-padding{ padding: 35px 25px; }
		.box-cartoes .box-cartoes-imagem{ position: relative; top: 0px; left: 0px; }


		.box-personalizar{ height: 360px; padding: 0; margin-bottom: 40px; }
		.box-personalizar .box-personalizar-texto{ width: 95% !important; padding: 20px 0; }

		.text-copy{ text-align: center; }
		.box-icons-redes {
			float: none;
			display: table;
			margin: 0 auto;
		}
		.box-footer-logo {
			float: none;
			display: table;
			margin: 0 auto;
		}

		.cs-nav { width: 36px; }
		.cs-nav-prev{ left: -36px; }
		.cs-nav-next{ right: -36px; }
	}