@font-face {
    font-family: "Ge Inspira";
    src: url("../fonts/ge-inspira.ttf");
}
@font-face {
    font-family: "Ge Inspira";
    src: url("../fonts/ge-inspira-bold.ttf");
    font-weight: bold;
}

/**
* Standarts 
*/
	h1 { font-family: 'Ge Inspira', sans-serif; font-size: 60px; line-height: 1.2; margin-top: 40px; color: #666; }
	h2 { font-family: 'Ge Inspira', sans-serif; font-size: 28px; line-height: 1.2; margin-top: 20px; color: #666; }
	h3 { font-family: 'Ge Inspira', sans-serif; font-size: 22px; line-height: 1.2; margin-top: 20px; color: #666; }
	h4 { font-family: 'Ge Inspira', sans-serif; font-size: 18px; line-height: 1.2; margin-top: 20px; color: #666; }
	h5 { font-family: 'Ge Inspira', sans-serif; font-size: 16px; line-height: 1.6; margin-top: 20px; color: #666; }
	h6 { font-family: 'Ge Inspira', sans-serif; font-size: 12px; line-height: 1.6; margin-top: 20px; color: #666; }
	p  { font-family: 'Ge Inspira', sans-serif; font-size: 16px; line-height: 1.6; margin-top: 20px; color: #999; }
	ul { font-family: 'Ge Inspira', sans-serif; margin-top: 20px; margin-left: 20px; }
	ol { font-family: 'Ge Inspira', sans-serif; margin-top: 20px; margin-left: 20px; }
	li { font-family: 'Ge Inspira', sans-serif; font-size: 16px; line-height: 1.6; color: #999; }
	
	a { text-decoration: none; color: inherit; }
		a:hover { text-decoration: underline; }
	b, strong { font-family: 'Ge Inspira', sans-serif; }
	
	address { font-family: 'Ge Inspira', sans-serif;display: block; font-style: normal; }
	blockquote { margin-top: 20px; padding: 5px 0 5px 20px; border-left: solid 2px #eee; }
		blockquote footer { font-family: 'Ge Inspira', sans-serif; margin-top: 10px;  }
		blockquote footer:before { content: '\2014 \00A0 '; }
		blockquote cite { font-family: 'Ge Inspira', sans-serif; }

		blockquote.align-right { border-left: none; border-right: solid 2px #eee; padding: 5px 20px 5px 0; }

	label { font-family: 'Ge Inspira', sans-serif; font-weight: bold; color: #999; }
	input { font-family: 'Ge Inspira', sans-serif; }
	textarea { font-family: 'Ge Inspira', sans-serif; }
	select { font-family: 'Ge Inspira', sans-serif; }
	option { font-family: 'Ge Inspira', sans-serif; }
	button { font-family: 'Ge Inspira', sans-serif; }

	h1:first-child, h2:first-child, h3:first-child, h4:first-child,
		h5:first-child, h6:first-child, p:first-child, ul:first-child,
		ol:first-child, blockquote:first-child { margin-top: 0; margin-bottom: 0; }

/** 
* Helpers 
*/
	.align-center  { text-align: center; }
	.align-left    { text-align: left; }
	.align-right   { text-align: right; }
	.align-justify { text-align: justify; }

/**
* Header
*/
	.site-header { padding: 10px 0; background-color: #fff;}

	.site-header .logo img { display: block; max-height: 80px; }

	.site-header { text-align: right; }
	.site-header ul { margin: 20px 0 0 0; padding: 0; display: inline-block; vertical-align: middle; }
	.site-header ul li { display: inline-block; list-style: none; }
	.site-header ul li a { display: block; padding: 5px 3px; color: #1d3c70; font-weight: bold; }
	.site-header ul li a:hover { text-decoration: none; }

	.site-header ul.menu-principal li {}
	.site-header ul.menu-principal li a { padding: 5px 0px; margin-left: 40px; font-size: 22px; line-height: 1; }
	.site-header ul.menu-principal li a.btn-amostra { padding: 5px 20px; border-radius: 20px; background-color: #d72852; color: #fff; }

	.site-header ul.social-medias { margin-left: 20px; }
	.site-header ul.social-medias li a { font-size: 30px; }

	@media screen and ( min-width: 768px ) and ( max-width: 959px ) { 
		.site-header ul.menu-principal li a { margin-left: 20px; font-size: 18px; line-height: 1; }
		.site-header ul.social-medias { margin-left: 10px; }
	}

	@media screen and ( min-width: 480px ) and ( max-width: 767px ) {
		.site-header .col { vertical-align: bottom !important; }
		.site-header ul { margin-top: 0px; }
		
		.site-header ul.menu-principal li a { font-size: 18px; margin-left: 0; display: none; }
		.site-header ul.menu-principal li a.btn-amostra { display: inline-block; }

		.site-header ul.social-medias { margin-top: 5px; width: 198px; text-align: center; }
		.site-header ul.social-medias li a { line-height: 1; }
	}
	
	@media screen and ( max-width: 479px ) {
		.site-header .logo img { margin: 0 auto; }

		.site-header ul { display: block; margin-top: 10px; text-align: center; }

		.site-header ul.menu-principal li a { font-size: 18px; margin-left: 0; display: none; }
		.site-header ul.menu-principal li a.btn-amostra { display: inline-block; }

		.site-header ul.social-medias { margin-left: 0; }
		.site-header ul.social-medias li a { line-height: 1; }
	}

/**
* Footer
*/
	.site-footer { padding: 16px 0; background-color: #d64867; }
	.site-footer .copyright p { margin: 0; color: #DDD; font-size: 12px; }

/**
* Slider
*/
	main #slider { position: relative; padding: 0; margin: 0; }

	main #slider button { display: block; position: absolute; top: 50%; z-index: 15; padding: 0; margin: -20px 0 0 0; 
		background-color: transparent; border: none; cursor: pointer;
		font-size: 40px; line-height: 1; color: #eee; color: rgba(238, 238, 238, 0.5); transition: color 0.2s ease-in; }

	main #slider button:focus { border: none; outline: 0px; }
	main #slider button:hover { color: rgba(238, 238, 238, 0.9) }

	main #slider button.prev-slide { left: 40px; }
	main #slider button.next-slide { right: 40px; }

	main #slider img { width: 100%; }

/**
* Videos
*/
	main #videos { background-image: url('../images/bg_sessao_videos.jpg'); background-position: center; background-size: cover; }
	
	main #videos h1, main #videos h2 { color: #009cdb; }
	main #videos h1 { font-size: 40px; }
	main #videos h2 { margin: 0; line-height: 1.5; font-size: 36px; font-weight: normal; }

	main #videos .video-column { margin-top: 40px; }
	main #videos .video-column h4 { margin-top: 10px; padding: 5px 20px; border-radius: 20px; background-color: #d72852; color: #fff; font-size: 22px; line-height: 1; }

	main #videos .video-column .video { position: relative;  }
	main #videos .video-column .video:hover { cursor: pointer; }

	main #videos .video-column .btn-play { position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -30px; width: 60px; height: auto; opacity: .7; }
	main #videos .video-column .video:hover .btn-play { opacity: .9; }

	@media screen and ( min-width: 960px ) and ( max-width: 1160px ) {
		main #videos h1 { font-size: 38px; } 
		main #videos .video-column h4 { font-size: 18px; }
	}

	@media screen and ( min-width: 768px ) and ( max-width: 959px ) { 
		main #videos h1 { font-size: 46px; } 
		main #videos h2 { line-height: 1.2; }

		main #videos .video-column h4 { padding: 5px 10px; font-size: 18px; }
	}

	@media screen and ( min-width: 480px ) and ( max-width: 767px ) {
		main #videos { padding: 40px 0; }
		main #videos h1 { font-size: 30px; }
		main #videos h2 { margin-top: 10px; font-size: 28px; line-height: 1.2; }

		main #videos .video-column { margin-top: 20px; }
		main #videos .video-column h4 { margin-bottom: 20px; }
	}

	@media screen and ( max-width: 479px ) { 
		main #videos { padding: 30px 0; }
		main #videos h1 { font-size: 24px; }
		main #videos h2 { margin-top: 10px; font-size: 18px; }

		main #videos .video-column { margin-top: 20px; }
		main #videos .video-column h4 { font-size: 20px; margin-bottom: 20px; }
	}
	
/**
* Amostra Grátis
*/
	main #amostra-gratis { margin-bottom: 60px; padding-bottom: 90px; background-color: #3a94c8; background-image: url('../images/bg_sessao_formulario_2.jpg'); background-size: auto 100%; background-position: 110% 50%; background-repeat: no-repeat; }
	main #amostra-gratis .container { position: relative; }
	main #amostra-gratis .container .col { position: relative; z-index: 2; }

	main #amostra-gratis h2 { font-size: 60px; line-height: 1; color: #fff; }
	main #amostra-gratis h3 { margin: 10px 0 0 0; font-size: 34px; line-height: 1.1; color: #fff; padding-right: 40px; }
	main #amostra-gratis p { margin: 10px 0 0 0; font-size: 38px; line-height: 1; color: #fff; }

	main #amostra-gratis form { padding: 40px; border-radius: 20px; background-color: #d64867; }
	main #amostra-gratis form .campo label { display: block; color: #fff; font-size: 16px; font-weight: normal; }
	main #amostra-gratis form .campo input { display: block; box-sizing: border-box; margin: 5px 0 10px 0; padding: 10px; width: 100%; border: none; border-radius: 5px; background-color: #fff; font-size: 16px; color: #333; }
	main #amostra-gratis form .campo input:focus { outline: 0; }

	main #amostra-gratis form .campo button { padding: 5px 30px; border: none; border-radius: 20px; background-color: #fff; color: #009cdb; font-size: 28px; font-weight: bold; line-height: 1; cursor: pointer; }

	main #amostra-gratis form .campo .error-msg { display: none; }
	main #amostra-gratis form .campo.invalido .error-msg { display: inline; float: right; font-weight: bold; }
	main #amostra-gratis form .campo.invalido input { background-color: #efb9d4; box-shadow: 0 0 1px 2px #c52424;  font-weight: bold; color: #c52424; }
	


	main #amostra-gratis img.amaciante { position: absolute;  left: 12%; bottom: -155px;  width: 500px; }

	main #amostra-gratis .liquidos { position: absolute; width: 400px; top: -80px; left: -150px; bottom: -90px; z-index: 1;
		background-image: url('../images/liquidos.png'); background-size: auto 120%; background-position: 50% 50%; background-repeat: no-repeat; }

	
	@media screen and ( min-width: 960px ) and ( max-width: 1160px ) { 
		main #amostra-gratis { padding-bottom: 110px; background-position: 140% 50%; }
		main #amostra-gratis h3 { font-size: 36px; padding-right: 0 }

		main #amostra-gratis form { padding: 20px; }

		main #amostra-gratis img.amaciante { bottom: -170px; left: 10%; }
		main #amostra-gratis .liquidos { bottom: -110px;  }
	}

	@media screen and ( min-width: 768px ) and ( max-width: 959px ) {
		main #amostra-gratis { background-position: 200px 50%; }

		main #amostra-gratis form { padding: 20px; margin-top: 20px; }

		main #amostra-gratis img.amaciante { left: -80px; width: 600px; z-index: 1; }
		main #amostra-gratis .liquidos { left: -180px; }
	}

	@media screen and ( min-width: 480px ) and ( max-width: 767px ) {
		main #amostra-gratis { background-position: -230px 50%; }
		main #amostra-gratis h2 { font-size: 50px; }
		main #amostra-gratis h3 { font-size: 38px; padding-right: 0; }
		main #amostra-gratis p { font-size: 38px; }

		main #amostra-gratis form { padding: 20px; margin-top: 20px; }

		main #amostra-gratis img.amaciante { display: block; position: relative; left: 0; bottom: 0; margin: 0 auto -150px auto; width: 400px; }
		main #amostra-gratis .liquidos { display: none; }
	}

	@media screen and ( max-width: 479px ) { 
		main #amostra-gratis { padding: 30px 0; background-position: -200px 50%; }
		main #amostra-gratis h2 { font-size: 38px; text-align: center; }
		main #amostra-gratis h3 { font-size: 20px; text-align: center; padding-right: 0; }
		main #amostra-gratis p { font-size: 20px; text-align: center; }

		main #amostra-gratis form { padding: 20px; margin-top: 20px; }

		main #amostra-gratis img.amaciante { display: block; position: relative; left: 0; bottom: 0; margin: 0 auto -90px auto; width: 260px; }
		main #amostra-gratis .liquidos { display: none; }
	}
	
/**
* Fim Promoção
*/
	main #fim-promocao { position: relative; margin-bottom: 60px; padding-bottom: 90px; background-color: #3a94c8; background-image: url('../images/bg_sessao_formulario_2.jpg'); background-size: auto 100%; background-position: 110% 50%; background-repeat: no-repeat; }
	main #fim-promocao .container { position: relative; }
	main #fim-promocao .container .col { position: relative; z-index: 2; }

	main #fim-promocao h2 { font-size: 60px; line-height: 1; color: #fff; }
	main #fim-promocao h3 { margin: 0 0 80px 0; font-size: 38px; font-weight: normal; line-height: 1; color: #fff; }
	main #fim-promocao h3 span { display: inline-block; width: 40px; }
	main #fim-promocao p { margin: 10px 0 0 0; font-size: 24px; line-height: 1.5; color: #fff; }
	main #fim-promocao .beneficios { margin: 20px 0; }
	main #fim-promocao .beneficios p { margin: 0; font-size: 28px; line-height: 1.2; }
	main #fim-promocao .beneficios p i { margin-right: 10px; font-size: 22px; }

	main #fim-promocao img.amaciante { position: absolute;  left: -20px; bottom: -150px;  width: 600px; z-index: 2; }

	main #fim-promocao .liquidos { position: absolute; width: 400px; top: -80px; left: -150px; bottom: -90px; z-index: 1;
		background-image: url('../images/liquidos.png'); background-size: auto 120%; background-position: 50% 50%; background-repeat: no-repeat; }

	@media screen and ( min-width: 960px ) and ( max-width: 1160px ) {
		main #fim-promocao h3 { margin-bottom: 20px; }

		main #fim-promocao .beneficios { float: right; }
		main #fim-promocao .beneficios p { font-size: 22px; }
		main #fim-promocao .beneficios p i { margin-right: 6px; font-size: 18px; } 

		main #fim-promocao .chamada-fim-promo { display: block; clear: both; padding-left: 200px; }

		main #fim-promocao img.amaciante { width: 400px; left: 30px; } 
	}

	@media screen and ( min-width: 768px ) and ( max-width: 959px ) { 
		main #fim-promocao { background-position: 250px 50%; }

		main #fim-promocao h3 { margin-bottom: 20px; }

		main #fim-promocao .chamada-fim-promo { display: block; clear: both; padding-left: 200px; }
		main #fim-promocao .beneficios { clear: both; margin-bottom: 0; float: right; }
		
		/*main #fim-promocao .beneficios p { font-size: 22px; line-height: 1.2; }*/

		main #fim-promocao .chamada-fim-promo { float: right; margin-top: 20px; padding-left: 230px; }

		main #fim-promocao img.amaciante { width: 500px; left: -50px; } 
		main #fim-promocao .liquidos { left: -200px }
	}

	@media screen and ( min-width: 480px ) and ( max-width: 767px ) { 
		main #fim-promocao { padding: 40px 0; background-position: -10px 50%; }

		main #fim-promocao h2 { font-size: 40px; }
		main #fim-promocao h3 { font-size: 28px; margin-bottom: 10px; }
		main #fim-promocao h3 span { width: 22px; }

		main #fim-promocao p { font-size: 18px;  }

		main #fim-promocao .beneficios { margin: 10px 0 0 0; }
		main #fim-promocao .beneficios p { font-size: 22px; }

		main #fim-promocao .chamada-fim-promo { float: left; margin-top: 20px; margin-bottom: -40px; font-size: 22px; }

		main #fim-promocao img.amaciante { display: block; position: relative; left: 0; bottom: 0; margin: 0 auto -90px auto; width: 400px; }

		main #fim-promocao .liquidos { top: -40px; bottom: 50px; left: -270px; }
	}

	@media screen and ( max-width: 479px ) { 
		main #fim-promocao { padding: 30px 0; background-position: -120px 50%; }
		main #fim-promocao h2 { font-size: 28px; }
		main #fim-promocao h3 { margin-bottom: 10px; font-size: 22px; }
		main #fim-promocao h3 span { width: 20px; }

		main #fim-promocao p { font-size: 18px; }

		main #fim-promocao .beneficios { margin: 10px 0 0 0; }
		main #fim-promocao .beneficios p { font-size: 22px; }
		main #fim-promocao .beneficios p i { font-size: 16px; }

		main #fim-promocao .chamada-fim-promo { float: left; margin-top: 20px; margin-bottom: -40px; font-size: 18px; }

		main #fim-promocao img.amaciante { display: block; position: relative; left: 0; bottom: 0; margin: 0 auto -90px auto; width: 260px; }
		main #fim-promocao .liquidos { display: none; }
	}

/**
* Onde encontrar
*/
	main #onde-encontrar { background-image: url('../images/bg_sessao_videos.jpg'); background-position: center; background-size: cover; }
	main #onde-encontrar h1, main #onde-encontrar h2 { color: #009cdb; }
	main #onde-encontrar h1 { font-size: 40px; }
	main #onde-encontrar h2 { margin: 0; line-height: 1.5; font-size: 36px; font-weight: normal; }

	main #onde-encontrar form { display: block; margin: 40px auto 0 auto; width: 500px; }

	main #onde-encontrar form .campo { margin-top: 20px; }
	main #onde-encontrar form .campo-select select { display: block; padding: 10px 20px; width: 100%; font-size: 24px; border-color: #ccc; color: #d64867; }

	/* Remover o Arrow do Select */
		main #onde-encontrar form .campo select { -webkit-appearance: none; -moz-appearance: none;  text-indent: 1px; text-overflow: ''; }
		main #onde-encontrar form .campo select::-ms-expand { display: none; }

		main #onde-encontrar form .campo button { display: block; padding: 10px 20px; width: 100%; background-color: #d64867; border: none; box-shadow: none; font-size: 24px; font-weight: bold; color: #fff; }
		main #onde-encontrar form .campo button:hover { background-color: #b73652; cursor: pointer; }

	/* Select Customizado */
		main #onde-encontrar form select { background: url('../images/arrow.png') no-repeat 97% 50%; background-color: #fff; }
		main #onde-encontrar form select:focus { outline: none; border: solid 1px #d64867; }

	main #onde-encontrar form .campo .error-msg { display: none; color: #d64867; font-size: 18px; }
	main #onde-encontrar form .campo.invalido .error-msg { display: inline; float: right; font-weight: bold; }
	
	@media screen and ( min-width: 480px ) and ( max-width: 767px ) { 
		main #onde-encontrar h2 { margin-top: 10px; font-size: 32px; line-height: 1.2; }
	}
	
	@media screen and ( max-width: 479px ) {
		main #onde-encontrar { padding: 30px 0; }

		main #onde-encontrar h1 { font-size: 24px; line-height: 1.2; }
		main #onde-encontrar h2 { margin-top: 10px; font-size: 22px; line-height: 1.2; }

		main #onde-encontrar form { margin-top: 10px; }

		main #onde-encontrar form .campo { margin-top: 10px; }
		main #onde-encontrar form .campo-select select { font-size: 16px; }
	}

/**
* Resultado Busca
*/
	main #lojas { margin-bottom: 40px;
	    background: #3a94c8; /* For browsers that do not support gradients */
	    background: -webkit-linear-gradient(#3a94c8 50%, #236d96); /* For Safari 5.1 to 6.0 */
	    background: -o-linear-gradient(#3a94c8 50%, #236d96); /* For Opera 11.1 to 12.0 */
	    background: -moz-linear-gradient(#3a94c8 50%, #236d96); /* For Firefox 3.6 to 15 */
	    background: linear-gradient(#3a94c8 50%, #236d96);
 	}

	main #lojas .busca-titulo { padding-left: 20px; }
	main #lojas .busca-titulo h2 { font-size: 36px; font-weight: normal; color: #fff; }

	main #lojas .busca-resultados .card { box-sizing: border-box; margin-top: 20px; padding: 20px; box-shadow: 0px 0px 2px 1px #666; background-color: #fff; }
	main #lojas .busca-resultados .card h4 { margin-bottom: 10px; font-size: 18px; font-weight: bold; color: #1d3c70; }
	main #lojas .busca-resultados .card p { margin: 0; color: #666; }
	main #lojas .busca-resultados .card p .bairro { font-weight: bold; }

	@media screen and ( min-width: 960px ) and ( max-width: 1160px ) { 
		main #lojas .busca-titulo { padding-left: 0; }
	}

	@media screen and ( min-width: 768px ) and ( max-width: 959px ) {
		main #lojas .busca-titulo { padding-left: 0; }
	}

	@media screen and ( min-width: 480px ) and ( max-width: 767px ) { 
		main #lojas { padding: 30px 0; }
		
		main #lojas .busca-titulo { padding-left: 0; }
		main #lojas .busca-titulo h2 { font-size: 28px; }
	}
	
	@media screen and ( max-width: 479px ) {
		main #lojas { padding: 30px 0; }

		main #lojas .busca-titulo { padding-left: 0; }
		main #lojas .busca-titulo h2 { font-size: 24px; text-align: center; }
		main #lojas .busca-titulo h2 strong { display: block; font-size: 28px; }
	}
	
/**
* Pagination
*/
	ul.pagination { display: block; margin: 20px 0 0 0; padding: 0; text-align: center; }
	ul.pagination li { display: inline-block; margin: 10px 10px; width: 36px; list-style: none; }
	ul.pagination li a { display: block; padding: 10px; background-color: #d64867;
		font-weight: bold; line-height: 1; color: #fff; }
	ul.pagination li.current a { background-color: #1d3c70; text-decoration: none; }

	ul.pagination li.first { margin-right: 15px; }
	ul.pagination li.last { margin-left: 15px; }
	
	@media screen and ( min-width: 960px ) and ( max-width: 1160px ) { }
	@media screen and ( min-width: 768px ) and ( max-width: 959px ) { }
	@media screen and ( min-width: 480px ) and ( max-width: 767px ) { }
	@media screen and ( max-width: 479px ) {
		ul.pagination li.first,
		ul.pagination li.last { display: none; }
	}
	
/**
* Modal
*/
	.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.8); z-index: -100; opacity: 0; }

	.modal.visible { z-index: 100; }

	.modal .modal-content { position: absolute; box-sizing: border-box; top: 50%; left: 50%;
		padding: 40px; border-radius: 5px; box-shadow: 0px 0px 10px 1px #000; background-color: #fff; }

	.modal .btn-close-modal { position: absolute; z-index: 102; width: 30px; height: 30px; padding: 0; 
		background: #560303; border: none; border-radius: 50%; font-size: 16px; line-height: 1; color: #fff; cursor: pointer; }
	.modal .btn-close-modal i { display: table-cell; width: 30px; height: 30px; vertical-align: middle; text-align: center; font-size: 18px; }
	.modal .btn-close-modal:hover { background-color: #861515; }

	/* Animation */
	/*.modal .modal-content { transition: transform .35s ease-in-out; transform: scale(.6);  }
	.modal.visible .modal-content { transform: scale(1); }

	.modal .btn-close-modal { opacity: 0; transition: opacity 1s ease-in; }
	.modal.visible .btn-close-modal { opacity: 1; }*/

	@media screen and ( min-width: 480px ) and ( max-width: 767px ) { }
	
	@media screen and ( max-width: 479px ) {
		.modal .modal-content { padding: 20px; }
	}


/**
* Columns System
*/
	.new-section { padding: 80px 0; }
	.new-section:after { content: ' '; clear: both;  display: block; margin: 0 auto; }
	
	.new-subsection { padding: 40px 0; }
	.new-subsection:after { content: ' '; clear: both;  display: block; margin: 0 auto; }

	.container { display: block; float: none; margin: 0 auto; }
	.container:after { content: ' '; clear: both;  display: block; margin: 0 auto; }
	
	.col { float: left; }
	.col * { max-width: 100%; }
	.col.right { float: right; }

	.col.inline { float: none; display: inline-block; vertical-align: top; }
	.col.inline.middle { vertical-align: middle; }
	.col.inline.bottom { vertical-align: bottom; }

	@media screen and ( min-width:  1161px ) {
		.container { width: 1160px; }

		/* Colunas Padroes */
		.col.eg-00 { display: none !important; }
		.col.eg-01 { margin-left: 20px; margin-right: 20px; width: calc( 8.33333333% - 40px ); }
		.col.eg-02 { margin-left: 20px; margin-right: 20px; width: calc( 16.66666667% - 40px ); }
		.col.eg-03 { margin-left: 20px; margin-right: 20px; width: calc( 25% - 40px ); }
		.col.eg-04 { margin-left: 20px; margin-right: 20px; width: calc( 33.33333333% - 40px ); }
		.col.eg-05 { margin-left: 20px; margin-right: 20px; width: calc( 41.66666667% - 40px ); }
		.col.eg-06 { margin-left: 20px; margin-right: 20px; width: calc( 50% - 40px ); }
		.col.eg-07 { margin-left: 20px; margin-right: 20px; width: calc( 58.33333333% - 40px ); }
		.col.eg-08 { margin-left: 20px; margin-right: 20px; width: calc( 66.66666667% - 40px ); }
		.col.eg-09 { margin-left: 20px; margin-right: 20px; width: calc( 75% - 40px ); }
		.col.eg-10 { margin-left: 20px; margin-right: 20px; width: calc( 83.33333333% - 40px ); }
		.col.eg-11 { margin-left: 20px; margin-right: 20px; width: calc( 91.66666667% - 40px ); }
		.col.eg-12 { margin-left: 20px; margin-right: 20px; width: calc( 100% - 40px ); }
		
		/* Colunas Continuas - Sem Margens */
		.col.eg-01c { width: 8.33333333%; }
		.col.eg-02c { width: 16.66666667%; }
		.col.eg-03c { width: 25%; }
		.col.eg-04c { width: 33.33333333%; }
		.col.eg-05c { width: 41.66666667%; }
		.col.eg-06c { width: 50%; }
		.col.eg-07c { width: 58.33333333%; }
		.col.eg-08c { width: 66.66666667%; }
		.col.eg-09c { width: 75%; }
		.col.eg-10c { width: 83.33333333%; }
		.col.eg-11c { width: 91.66666667%; }
		.col.eg-12c { width: 100%; }
		
		/* Offsets */
		.col.eg-offset-01 { margin-left: calc( 20px + 8.33333333% ); }
		.col.eg-offset-02 { margin-left: calc( 20px + 16.66666667% ); }
		.col.eg-offset-03 { margin-left: calc( 20px + 25% ); }
		.col.eg-offset-04 { margin-left: calc( 20px + 33.33333333% ); }
		.col.eg-offset-05 { margin-left: calc( 20px + 41.66666667% ); }
		.col.eg-offset-06 { margin-left: calc( 20px + 50% ); }
		.col.eg-offset-07 { margin-left: calc( 20px + 58.33333333% ); }
		.col.eg-offset-08 { margin-left: calc( 20px + 66.66666667% ); }
		.col.eg-offset-09 { margin-left: calc( 20px + 75% ); }
		.col.eg-offset-10 { margin-left: calc( 20px + 83.33333333% ); }
		.col.eg-offset-11 { margin-left: calc( 20px + 91.66666667% ); }
		.col.eg-offset-12 { margin-left: calc( 20px + 100% ); }	
	}

	@media screen and ( min-width: 960px ) and ( max-width: 1160px ) {
		/* Dispositivo Grande*/
		.container { width: 960px; }

		/* Colunas Padroes */
		.col.g-00 { display: none !important; }
		.col.g-01 { margin-left: 20px; margin-right: 20px; width: calc( 8.33333333% - 40px ); }
		.col.g-02 { margin-left: 20px; margin-right: 20px; width: calc( 16.66666667% - 40px ); }
		.col.g-03 { margin-left: 20px; margin-right: 20px; width: calc( 25% - 40px ); }
		.col.g-04 { margin-left: 20px; margin-right: 20px; width: calc( 33.33333333% - 40px ); }
		.col.g-05 { margin-left: 20px; margin-right: 20px; width: calc( 41.66666667% - 40px ); }
		.col.g-06 { margin-left: 20px; margin-right: 20px; width: calc( 50% - 40px ); }
		.col.g-07 { margin-left: 20px; margin-right: 20px; width: calc( 58.33333333% - 40px ); }
		.col.g-08 { margin-left: 20px; margin-right: 20px; width: calc( 66.66666667% - 40px ); }
		.col.g-09 { margin-left: 20px; margin-right: 20px; width: calc( 75% - 40px ); }
		.col.g-10 { margin-left: 20px; margin-right: 20px; width: calc( 83.33333333% - 40px ); }
		.col.g-11 { margin-left: 20px; margin-right: 20px; width: calc( 91.66666667% - 40px ); }
		.col.g-12 { margin-left: 20px; margin-right: 20px; width: calc( 100% - 40px ); }
		
		/* Colunas Continuas - Sem Margens */
		.col.g-01c { width: 8.33333333%; }
		.col.g-02c { width: 16.66666667%; }
		.col.g-03c { width: 25%; }
		.col.g-04c { width: 33.33333333%; }
		.col.g-05c { width: 41.66666667%; }
		.col.g-06c { width: 50%; }
		.col.g-07c { width: 58.33333333%; }
		.col.g-08c { width: 66.66666667%; }
		.col.g-09c { width: 75%; }
		.col.g-10c { width: 83.33333333%; }
		.col.g-11c { width: 91.66666667%; }
		.col.g-12c { width: 100%; }
		
		/* Offsets */
		.col.g-offset-01 { margin-left: calc( 20px + 8.33333333% ); }
		.col.g-offset-02 { margin-left: calc( 20px + 16.66666667% ); }
		.col.g-offset-03 { margin-left: calc( 20px + 25% ); }
		.col.g-offset-04 { margin-left: calc( 20px + 33.33333333% ); }
		.col.g-offset-05 { margin-left: calc( 20px + 41.66666667% ); }
		.col.g-offset-06 { margin-left: calc( 20px + 50% ); }
		.col.g-offset-07 { margin-left: calc( 20px + 58.33333333% ); }
		.col.g-offset-08 { margin-left: calc( 20px + 66.66666667% ); }
		.col.g-offset-09 { margin-left: calc( 20px + 75% ); }
		.col.g-offset-10 { margin-left: calc( 20px + 83.33333333% ); }
		.col.g-offset-11 { margin-left: calc( 20px + 91.66666667% ); }
		.col.g-offset-12 { margin-left: calc( 20px + 100% ); }
	}

	@media screen and ( min-width: 768px ) and ( max-width: 959px ) {
		/* Dispositivo Medio */	
		.container { width: 768px; }

		/* Colunas Padroes */
		.col.m-00 { display: none !important; }
		.col.m-01 { margin-left: 10px; margin-right: 10px; width: calc( 8.33333333% - 20px ); }
		.col.m-02 { margin-left: 10px; margin-right: 10px; width: calc( 16.66666667% - 20px ); }
		.col.m-03 { margin-left: 10px; margin-right: 10px; width: calc( 25% - 20px ); }
		.col.m-04 { margin-left: 10px; margin-right: 10px; width: calc( 33.33333333% - 20px ); }
		.col.m-05 { margin-left: 10px; margin-right: 10px; width: calc( 41.66666667% - 20px ); }
		.col.m-06 { margin-left: 10px; margin-right: 10px; width: calc( 50% - 20px ); }
		.col.m-07 { margin-left: 10px; margin-right: 10px; width: calc( 58.33333333% - 20px ); }
		.col.m-08 { margin-left: 10px; margin-right: 10px; width: calc( 66.66666667% - 20px ); }
		.col.m-09 { margin-left: 10px; margin-right: 10px; width: calc( 75% - 20px ); }
		.col.m-10 { margin-left: 10px; margin-right: 10px; width: calc( 83.33333333% - 20px ); }
		.col.m-11 { margin-left: 10px; margin-right: 10px; width: calc( 91.66666667% - 20px ); }
		.col.m-12 { margin-left: 10px; margin-right: 10px; width: calc( 100% - 20px ); }
		
		/* Colunas Continuas - Sem Margens */
		.col.m-01c { width: 8.33333333%; }
		.col.m-02c { width: 16.66666667%; }
		.col.m-03c { width: 25%; }
		.col.m-04c { width: 33.33333333%; }
		.col.m-05c { width: 41.66666667%; }
		.col.m-06c { width: 50%; }
		.col.m-07c { width: 58.33333333%; }
		.col.m-08c { width: 66.66666667%; }
		.col.m-09c { width: 75%; }
		.col.m-10c { width: 83.33333333%; }
		.col.m-11c { width: 91.66666667%; }
		.col.m-12c { width: 100%; }
		
		/* Offsets */
		.col.m-offset-01 { margin-left: calc( 10px + 8.33333333% ); }
		.col.m-offset-02 { margin-left: calc( 10px + 16.66666667% ); }
		.col.m-offset-03 { margin-left: calc( 10px + 25% ); }
		.col.m-offset-04 { margin-left: calc( 10px + 33.33333333% ); }
		.col.m-offset-05 { margin-left: calc( 10px + 41.66666667% ); }
		.col.m-offset-06 { margin-left: calc( 10px + 50% ); }
		.col.m-offset-07 { margin-left: calc( 10px + 58.33333333% ); }
		.col.m-offset-08 { margin-left: calc( 10px + 66.66666667% ); }
		.col.m-offset-09 { margin-left: calc( 10px + 75% ); }
		.col.m-offset-10 { margin-left: calc( 10px + 83.33333333% ); }
		.col.m-offset-11 { margin-left: calc( 10px + 91.66666667% ); }
		.col.m-offset-12 { margin-left: calc( 10px + 100% ); }
	}

	@media screen and ( min-width: 480px ) and ( max-width: 767px ) {
		/* Dispositivo Pequeno */
		.container { width: 480px; }

		/* Colunas Padroes */
		.col.p-00 { display: none !important; }
		.col.p-01 { margin-left: 10px; margin-right: 10px; width: calc( 8.33333333% - 20px ); }
		.col.p-02 { margin-left: 10px; margin-right: 10px; width: calc( 16.66666667% - 20px ); }
		.col.p-03 { margin-left: 10px; margin-right: 10px; width: calc( 25% - 20px ); }
		.col.p-04 { margin-left: 10px; margin-right: 10px; width: calc( 33.33333333% - 20px ); }
		.col.p-05 { margin-left: 10px; margin-right: 10px; width: calc( 41.66666667% - 20px ); }
		.col.p-06 { margin-left: 10px; margin-right: 10px; width: calc( 50% - 20px ); }
		.col.p-07 { margin-left: 10px; margin-right: 10px; width: calc( 58.33333333% - 20px ); }
		.col.p-08 { margin-left: 10px; margin-right: 10px; width: calc( 66.66666667% - 20px ); }
		.col.p-09 { margin-left: 10px; margin-right: 10px; width: calc( 75% - 20px ); }
		.col.p-10 { margin-left: 10px; margin-right: 10px; width: calc( 83.33333333% - 20px ); }
		.col.p-11 { margin-left: 10px; margin-right: 10px; width: calc( 91.66666667% - 20px ); }
		.col.p-12 { margin-left: 10px; margin-right: 10px; width: calc( 100% - 20px ); }
		
		/* Colunas Continuas - Sem Margens */
		.col.p-01c { width: 8.33333333%; }
		.col.p-02c { width: 16.66666667%; }
		.col.p-03c { width: 25%; }
		.col.p-04c { width: 33.33333333%; }
		.col.p-05c { width: 41.66666667%; }
		.col.p-06c { width: 50%; }
		.col.p-07c { width: 58.33333333%; }
		.col.p-08c { width: 66.66666667%; }
		.col.p-09c { width: 75%; }
		.col.p-10c { width: 83.33333333%; }
		.col.p-11c { width: 91.66666667%; }
		.col.p-12c { width: 100%; }
		
		/* Offsets */
		.col.p-offset-01 { margin-left: calc( 10px + 8.33333333% ); }
		.col.p-offset-02 { margin-left: calc( 10px + 16.66666667% ); }
		.col.p-offset-03 { margin-left: calc( 10px + 25% ); }
		.col.p-offset-04 { margin-left: calc( 10px + 33.33333333% ); }
		.col.p-offset-05 { margin-left: calc( 10px + 41.66666667% ); }
		.col.p-offset-06 { margin-left: calc( 10px + 50% ); }
		.col.p-offset-07 { margin-left: calc( 10px + 58.33333333% ); }
		.col.p-offset-08 { margin-left: calc( 10px + 66.66666667% ); }
		.col.p-offset-09 { margin-left: calc( 10px + 75% ); }
		.col.p-offset-10 { margin-left: calc( 10px + 83.33333333% ); }
		.col.p-offset-11 { margin-left: calc( 10px + 91.66666667% ); }
		.col.p-offset-12 { margin-left: calc( 10px + 100% ); }	
	}

	@media screen and ( max-width: 479px ) {
		/* Dispositivo Extra Pequeno */
		.container { width: 300px; }

		/* Colunas Padroes */
		.col.ep-00 { display: none !important; }
		.col.ep-01 { margin-left: 5px; margin-right: 5px; width: calc( 8.33333333% - 10px ); }
		.col.ep-02 { margin-left: 5px; margin-right: 5px; width: calc( 16.66666667% - 10px ); }
		.col.ep-03 { margin-left: 5px; margin-right: 5px; width: calc( 25% - 10px ); }
		.col.ep-04 { margin-left: 5px; margin-right: 5px; width: calc( 33.33333333% - 10px ); }
		.col.ep-05 { margin-left: 5px; margin-right: 5px; width: calc( 41.66666667% - 10px ); }
		.col.ep-06 { margin-left: 5px; margin-right: 5px; width: calc( 50% - 10px ); }
		.col.ep-07 { margin-left: 5px; margin-right: 5px; width: calc( 58.33333333% - 10px ); }
		.col.ep-08 { margin-left: 5px; margin-right: 5px; width: calc( 66.66666667% - 10px ); }
		.col.ep-09 { margin-left: 5px; margin-right: 5px; width: calc( 75% - 10px ); }
		.col.ep-10 { margin-left: 5px; margin-right: 5px; width: calc( 83.33333333% - 10px ); }
		.col.ep-11 { margin-left: 5px; margin-right: 5px; width: calc( 91.66666667% - 10px ); }
		.col.ep-12 { margin-left: 5px; margin-right: 5px; width: calc( 100% - 10px ); }
		
		/* Colunas Continuas - Sem Margens */
		.col.ep-01c { width: 8.33333333%; }
		.col.ep-02c { width: 16.66666667%; }
		.col.ep-03c { width: 25%; }
		.col.ep-04c { width: 33.33333333%; }
		.col.ep-05c { width: 41.66666667%; }
		.col.ep-06c { width: 50%; }
		.col.ep-07c { width: 58.33333333%; }
		.col.ep-08c { width: 66.66666667%; }
		.col.ep-09c { width: 75%; }
		.col.ep-10c { width: 83.33333333%; }
		.col.ep-11c { width: 91.66666667%; }
		.col.ep-12c { width: 100%; }
		
		/* Offsets */
		.col.ep-offset-01 { margin-left: calc( 5px + 8.33333333% ); }
		.col.ep-offset-02 { margin-left: calc( 5px + 16.66666667% ); }
		.col.ep-offset-03 { margin-left: calc( 5px + 25% ); }
		.col.ep-offset-04 { margin-left: calc( 5px + 33.33333333% ); }
		.col.ep-offset-05 { margin-left: calc( 5px + 41.66666667% ); }
		.col.ep-offset-06 { margin-left: calc( 5px + 50% ); }
		.col.ep-offset-07 { margin-left: calc( 5px + 58.33333333% ); }
		.col.ep-offset-08 { margin-left: calc( 5px + 66.66666667% ); }
		.col.ep-offset-09 { margin-left: calc( 5px + 75% ); }
		.col.ep-offset-10 { margin-left: calc( 5px + 83.33333333% ); }
		.col.ep-offset-11 { margin-left: calc( 5px + 91.66666667% ); }
		.col.ep-offset-12 { margin-left: calc( 5px + 100% ); }		
	}

/**
* @media screen and ( min-width: 960px ) and ( max-width: 1160px ) { }
* @media screen and ( min-width: 768px ) and ( max-width: 959px ) { }
* @media screen and ( min-width: 480px ) and ( max-width: 767px ) { }
* @media screen and ( max-width: 479px ) { }
*/