/*! xsource Document - grid - version 1.0.0 - xsource.com.br © */
/*
 * O que se segue é o resultado de muita pesquisa sobre estilo cross-browser.
 * Este documento foi formulado e desenvolvido por Thiago Carvalho - Front-end Developer.
 * Email: thiago.xsource@xsource.com.br
 * © 2007 - 2017 copyright.
 */

/**
 |
 | 	structure.css:
 | 	- Definições para o Container
 | 	- Definições de largura
 | 	- Syntax Framework (Grid)
 | 	- Clear Framework
 | 	- Responsive Framework
 |
**/

/* ==========================================================================
   Definições para o Container
   ========================================================================== */
	*[class*="container_"]{

		-webkit-box-sizing:content-box;
		-moz-box-sizing:content-box;
		box-sizing:content-box;

		margin-left:auto;
		margin-right:auto;

	}

/* ==========================================================================
   Definições de largura
   ========================================================================== */
	.fix1000 { width:1000px; }
	.fix1200 { width:1200px; }
	.fix1400 { width:1400px; }
	.fix1600 { width:1600px; }

	.max1000 { max-width:1000px; }
	.max1200 { max-width:1200px; }
	.max1400 { max-width:1400px; }
	.max1600 { max-width:1600px; }

	.min960 { min-width:960px; }

	.fluid { max-width: 100%; }

	@media (max-width: 1430px) {
	  .max1400 { max-width: 1170px; }
	}

/* ==========================================================================
   Syntax Framework (Grid)
   ========================================================================== */
	*[class*="container_"] *[class*="grid_"] {

		float:left;
		position:relative;

	}

	*[class*="container_"] *[class*="grid_"].center {

		float:none;
		margin-left:auto;
		margin-right:auto;

	}

	.container_grid .grid_1 { width:6.5%; }
	.container_grid .grid_2 { width:15%; }
	.container_grid .grid_3 { width:23.5%; }
	.container_grid .grid_4 { width:32%; }
	.container_grid .grid_5 { width:40.5%; }
	.container_grid .grid_6 { width:49%; }
	.container_grid .grid_7 { width:57.5%; }
	.container_grid .grid_8 { width:66%; }
	.container_grid .grid_9 { width:74.5%; }
	.container_grid .grid_10 { width:83%; }
	.container_grid .grid_11 { width:91.5%; }
	.container_grid .grid_12 { width:100%; }

	.container_grid *[class*="row"] {

		clear: both;
		position: relative;
		display: block;

	}
	.container_grid *[class*="grid_"]{

		margin-left:2%

	}
	.container_grid *[class*="row"] *[class*="grid_"]:first-child {

		margin-left:0

	}
	*[class*="container_"] *[class*="grid_"] embed,
	*[class*="container_"] *[class*="grid_"] iframe,
	*[class*="container_"] *[class*="grid_"] img,
	*[class*="container_"] *[class*="grid_"] object,
	*[class*="container_"] *[class*="grid_"] video {

		max-width:100%

	}

/* ==========================================================================
   Clear Framework
   ========================================================================== */
	.clear {

		clear:both;
		display:block;
		height:0;
		overflow:hidden;
		visibility:hidden;
		width:0;

	}
	.clearfix:before,
	.clearfix:after,
	*[class*="container_"]:before,
	*[class*="container_"]:after,
	*[class*="grid_"]:before,
	*[class*="grid_"]:after {

		content:'\0020';
		display:block;
		height:0;
		overflow:hidden;
		visibility:hidden;
		width:0;

	}
	.clearfix:after,
	*[class*="container_"]:after,
	*[class*="grid_"]:after {

		clear:both;

	}
	.clearfix,
	*[class*="container_"],
	*[class*="grid_"] {

		zoom:1;

	}

/* ==========================================================================
   Responsive Framework
   ========================================================================== */

		/* 960px */
		@media all and (max-width:960px){


			/*[class="container_"]. *[class="max"]{ */

			.container_grid.responsive{
				padding: 0 15px;
				padding: 0 0.9375rem;
			}
			.row960 > *[class*="grid_"],
			.responsive *[class*="row"] > *[class*="grid_"],
			.responsive *[class*="row"] > *[class*="grid_"] > *[class*="grid_"] {

				float: none;
				margin-left: 0;
				width: auto;

			}

		}
		/* 720px */
		@media all and (max-width:720px){

			.row720 > *[class*="grid_"],
			.responsive .row > *[class*="grid_"],
			.responsive *[class*="row"] > *[class*="grid_"] > *[class*="grid_"] {

				float:none;
				margin-left:0;
				width:auto;

			}

		}
		/* 480px */
		@media all and (max-width:480px){

			.row480 > *[class*="grid_"],
			.responsive .row > *[class*="grid_"],
			.responsive *[class*="row"] > *[class*="grid_"] > *[class*="grid_"] {

				float:none;
				margin-left:0;
				width:auto;

			}
			/* classes & ID somente para versões mobiles */
			.responsive .nomobile { display:none; }
			.responsive .txtmobile { text-align:center !important; }

		}
		/* 320px */
		@media all and (max-width:320px){

			.responsive .img-mobile { width:100% !important; }

		}


.bx-wrapper {
	text-align: center;
	margin: auto;

	-moz-box-shadow: unset !important;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    border: unset !important;
    background: unset !important;
}

.bx-wrapper img {
	margin: auto;
}

.bx-wrapper .bx-loading {
	display: none !important;
}

.bx-wrapper, .bx-viewport, .bx-wrapper img {height: 400px !important;}

.bx-wrapper .bx-next { right: -50px !important;}

.bx-wrapper .bx-prev { left: -50px !important; }