/*-----------------------------------------------
	Grid System
-----------------------------------------------*/
html { overflow-y: scroll; }
* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }

#content { clear: both; }
.linha { width:100%; max-width:1140px; margin:0 auto; }
.linha .linha { width:auto; max-width:none; min-width:0; margin-right:-10px; margin-left:-10px; }

.colxs-1, .colxs-2, .colxs-3, .colxs-4, .colxs-5, .colxs-6, .colxs-7, .colxs-8, .colxs-9, .colxs-10, .colxs-11, .colxs-12,
.colsm-1, .colsm-2, .colsm-3, .colsm-4, .colsm-5, .colsm-6, .colsm-7, .colsm-8, .colsm-9, .colsm-10, .colsm-11, .colsm-12,
.colmd-1, .colmd-2, .colmd-3, .colmd-4, .colmd-5, .colmd-6, .colmd-7, .colmd-8, .colmd-9, .colmd-10, .colmd-11, .colmd-12,
.collg-1, .collg-2, .collg-3, .collg-4, .collg-5, .collg-6, .collg-7, .collg-8, .collg-9, .collg-10, .collg-11, .collg-12 { position:relative; min-height:1px; padding-right:10px; padding-left:10px; }

/* Clearfix */
.linha:before, .linha:after, .clearfix:before, .clearfix:after { content:""; display:table; }
.linha:after, .clearfix:after { clear: both; }
.linha, .clearfix { zoom: 1; }

.colxs-1, .colxs-2, .colxs-3, .colxs-4, .colxs-5, .colxs-6, .colxs-7, .colxs-8, .colxs-9, .colxs-10, .colxs-11, .colxs-12 { float:left; }

.alinha-centro { text-align:center; }
.alinha-centro div[class^="col"] { float:none !important; display: inline-block; margin-right:-4px; }

.alinha-direita { float:right !important; }

/* Flex */
.d-flex {display: flex;}
.flex-wrap {flex-wrap: wrap;}

/* Grid - Extra Small - xm */
.colxs-1 { width:8.33333333% }
.colxs-2 { width:16.66666667% }
.colxs-3 { width:25% }
.colxs-4 { width:33.33333333% }
.colxs-5 { width:41.66666667% }
.colxs-6 { width:50% }
.colxs-7 { width:58.33333333% }
.colxs-8 { width:66.66666667% }
.colxs-9 { width:75% }
.colxs-10 { width:83.33333333% }
.colxs-11 { width:91.66666667% }
.colxs-12 { width:100% }

/* Deslocar a Coluna */
.colxs-mov-0 { margin-left:0; }
.colxs-mov-1 { margin-left:8.33333333%; }
.colxs-mov-2 { margin-left:16.66666667%; }
.colxs-mov-3 { margin-left:25%; }
.colxs-mov-4 { margin-left:33.33333333%; }
.colxs-mov-5 { margin-left:41.66666667%; }
.colxs-mov-6 { margin-left:50%; }
.colxs-mov-7 { margin-left:58.33333333%; }
.colxs-mov-8 { margin-left:66.66666667%; }
.colxs-mov-9 { margin-left:75%; }
.colxs-mov-10 { margin-left:83.33333333%; }
.colxs-mov-11 { margin-left:91.66666667%; }
.colxs-mov-12 { margin-left:100%; }

/* Flutuar a Esquerda */
.colxs-esq-12 { right: 100%; }
.colxs-esq-11 { right: 91.66666667%; }
.colxs-esq-10 { right: 83.33333333%; }
.colxs-esq-9 { right: 75%; }
.colxs-esq-8 { right: 66.66666667%; }
.colxs-esq-7 { right: 58.33333333%; }
.colxs-esq-6 { right: 50%; }
.colxs-esq-5 { right: 41.66666667%; }
.colxs-esq-4 { right: 33.33333333%; }
.colxs-esq-3 { right: 25%; }
.colxs-esq-2 { right: 16.66666667%; }
.colxs-esq-1 { right: 8.33333333%; }
.colxs-esq-0 { right: auto; }

/* Flutuar a Direita */
.colxs-dir-12 { left: 100%; }
.colxs-dir-11 { left: 91.66666667%; }
.colxs-dir-10 { left: 83.33333333%; }
.colxs-dir-9 { left: 75%; }
.colxs-dir-8 { left: 66.66666667%; }
.colxs-dir-7 { left: 58.33333333%; }
.colxs-dir-6 { left: 50%; }
.colxs-dir-5 { left: 41.66666667%; }
.colxs-dir-4 { left: 33.33333333%; }
.colxs-dir-3 { left: 25%; }
.colxs-dir-2 { left: 16.66666667%; }
.colxs-dir-1 { left: 8.33333333%; }
.colxs-dir-0 { left: auto; }

/* Margem - xs */
.mb-0-xs { margin-bottom:0; }
.mb-5-xs { margin-bottom:5px; }
.mb-10-xs { margin-bottom:10px; }
.mb-15-xs { margin-bottom:15px; }
.mb-20-xs { margin-bottom:20px; }
.mb-30-xs { margin-bottom:30px; }
.mb-40-xs { margin-bottom:40px; }
.mb-50-xs { margin-bottom:50px; }
.mb-60-xs { margin-bottom:60px; }

/* Margem - xs */
.mt-0-xs { margin-top:0; }
.mt-10-xs { margin-top:10px; }
.mt-15-xs { margin-top:15px; }
.mt-20-xs { margin-top:20px; }
.mt-30-xs { margin-top:30px; }
.mt-40-xs { margin-top:40px; }
.mt-50-xs { margin-top:50px; }
.mt-60-xs { margin-top:60px; }

@media only screen and (min-width: 480px) {
	.colsm-1, .colsm-2, .colsm-3, .colsm-4, .colsm-5, .colsm-6, .colsm-7, .colsm-8, .colsm-9, .colsm-10, .colsm-11, .colsm-12 { float:left }

	/* Grid - Small - sm */
	.colsm-1 { width:8.33333333% }
	.colsm-2 { width:16.66666667% }
	.colsm-3 { width:25% }
	.colsm-4 { width:33.33333333% }
	.colsm-5 { width:41.66666667% }
	.colsm-6 { width:50% }
	.colsm-7 { width:58.33333333% }
	.colsm-8 { width:66.66666667% }
	.colsm-9 { width:75% }
	.colsm-10 { width:83.33333333% }
	.colsm-11 { width:91.66666667% }
	.colsm-12 { width:100% }

	/* Deslocar a Coluna */
	.colsm-mov-0 { margin-left:0; }
	.colsm-mov-1 { margin-left:8.33333333%; }
	.colsm-mov-2 { margin-left:16.66666667%; }
	.colsm-mov-3 { margin-left:25%; }
	.colsm-mov-4 { margin-left:33.33333333%; }
	.colsm-mov-5 { margin-left:41.66666667%; }
	.colsm-mov-6 { margin-left:50%; }
	.colsm-mov-7 { margin-left:58.33333333%; }
	.colsm-mov-8 { margin-left:66.66666667%; }
	.colsm-mov-9 { margin-left:75%; }
	.colsm-mov-10 { margin-left:83.33333333%; }
	.colsm-mov-11 { margin-left:91.66666667%; }
	.colsm-mov-12 { margin-left:100%; }

	/* Flutuar a Esquerda */
	.colsm-esq-12 { right: 100%; }
	.colsm-esq-11 { right: 91.66666667%; }
	.colsm-esq-10 { right: 83.33333333%; }
	.colsm-esq-9 { right: 75%; }
	.colsm-esq-8 { right: 66.66666667%; }
	.colsm-esq-7 { right: 58.33333333%; }
	.colsm-esq-6 { right: 50%; }
	.colsm-esq-5 { right: 41.66666667%; }
	.colsm-esq-4 { right: 33.33333333%; }
	.colsm-esq-3 { right: 25%; }
	.colsm-esq-2 { right: 16.66666667%; }
	.colsm-esq-1 { right: 8.33333333%; }
	.colsm-esq-0 { right: auto; }

	/* Flutuar a Direita */
	.colsm-dir-12 { left: 100%; }
	.colsm-dir-11 { left: 91.66666667%; }
	.colsm-dir-10 { left: 83.33333333%; }
	.colsm-dir-9 { left: 75%; }
	.colsm-dir-8 { left: 66.66666667%; }
	.colsm-dir-7 { left: 58.33333333%; }
	.colsm-dir-6 { left: 50%; }
	.colsm-dir-5 { left: 41.66666667%; }
	.colsm-dir-4 { left: 33.33333333%; }
	.colsm-dir-3 { left: 25%; }
	.colsm-dir-2 { left: 16.66666667%; }
	.colsm-dir-1 { left: 8.33333333%; }
	.colsm-dir-0 { left: auto; }
	
	/* Margem - sm */
	.mb-0-sm { margin-bottom:0; }
	.mb-5-sm { margin-bottom:5px; }
	.mb-10-sm { margin-bottom:10px; }
	.mb-15-sm { margin-bottom:15px; }
	.mb-20-sm { margin-bottom:20px; }
	.mb-30-sm { margin-bottom:30px; }
	.mb-40-sm { margin-bottom:40px; }
	.mb-50-sm { margin-bottom:50px; }
	.mb-60-sm { margin-bottom:60px; }
	
	.mt-0-sm { margin-top:0; }
	.mt-10-sm { margin-top:10px; }
	.mt-15-sm { margin-top:15px; }
	.mt-20-sm { margin-top:20px; }
	.mt-30-sm { margin-top:30px; }
	.mt-40-sm { margin-top:40px; }
	.mt-50-sm { margin-top:50px; }
	.mt-60-sm { margin-top:60px; }
}

@media only screen and (min-width: 768px) {
	.colmd-1, .colmd-2, .colmd-3, .colmd-4, .colmd-5, .colmd-6, .colmd-7, .colmd-8, .colmd-9, .colmd-10, .colmd-11, .colmd-12 { float:left }

	/* Grid - Medium - md */
	.colmd-1 { width:8.33333333% }
	.colmd-2 { width:16.66666667% }
	.colmd-3 { width:25% }
	.colmd-4 { width:33.33333333% }
	.colmd-5 { width:41.66666667% }
	.colmd-6 { width:50% }
	.colmd-7 { width:58.33333333% }
	.colmd-8 { width:66.66666667% }
	.colmd-9 { width:75% }
	.colmd-10 { width:83.33333333% }
	.colmd-11 { width:91.66666667% }
	.colmd-12 { width:100% }

	/* Deslocar a Coluna */
	.colmd-mov-0 { margin-left:0; }
	.colmd-mov-1 { margin-left:8.33333333%; }
	.colmd-mov-2 { margin-left:16.66666667%; }
	.colmd-mov-3 { margin-left:25%; }
	.colmd-mov-4 { margin-left:33.33333333%; }
	.colmd-mov-5 { margin-left:41.66666667%; }
	.colmd-mov-6 { margin-left:50%; }
	.colmd-mov-7 { margin-left:58.33333333%; }
	.colmd-mov-8 { margin-left:66.66666667%; }
	.colmd-mov-9 { margin-left:75%; }
	.colmd-mov-10 { margin-left:83.33333333%; }
	.colmd-mov-11 { margin-left:91.66666667%; }
	.colmd-mov-12 { margin-left:100%; }

	/* Flutuar a Esquerda */
	.colmd-esq-12 { right: 100%; }
	.colmd-esq-11 { right: 91.66666667%; }
	.colmd-esq-10 { right: 83.33333333%; }
	.colmd-esq-9 { right: 75%; }
	.colmd-esq-8 { right: 66.66666667%; }
	.colmd-esq-7 { right: 58.33333333%; }
	.colmd-esq-6 { right: 50%; }
	.colmd-esq-5 { right: 41.66666667%; }
	.colmd-esq-4 { right: 33.33333333%; }
	.colmd-esq-3 { right: 25%; }
	.colmd-esq-2 { right: 16.66666667%; }
	.colmd-esq-1 { right: 8.33333333%; }
	.colmd-esq-0 { right: auto; }

	/* Flutuar a Direita */
	.colmd-dir-12 { left: 100%; }
	.colmd-dir-11 { left: 91.66666667%; }
	.colmd-dir-10 { left: 83.33333333%; }
	.colmd-dir-9 { left: 75%; }
	.colmd-dir-8 { left: 66.66666667%; }
	.colmd-dir-7 { left: 58.33333333%; }
	.colmd-dir-6 { left: 50%; }
	.colmd-dir-5 { left: 41.66666667%; }
	.colmd-dir-4 { left: 33.33333333%; }
	.colmd-dir-3 { left: 25%; }
	.colmd-dir-2 { left: 16.66666667%; }
	.colmd-dir-1 { left: 8.33333333%; }
	.colmd-dir-0 { left: auto; }

	/* Margem - md */
	.mb-0-md { margin-bottom:0; }
	.mb-5-md { margin-bottom:5px; }
	.mb-10-md { margin-bottom:10px; }
	.mb-15-md { margin-bottom:15px; }
	.mb-20-md { margin-bottom:20px; }
	.mb-30-md { margin-bottom:30px; }
	.mb-40-md { margin-bottom:40px; }
	.mb-50-md { margin-bottom:50px; }
	.mb-60-md { margin-bottom:60px; }
	
	.mt-0-md { margin-top:0; }
	.mt-10-md { margin-top:10px; }
	.mt-15-md { margin-top:15px; }
	.mt-20-md { margin-top:20px; }
	.mt-30-md { margin-top:30px; }
	.mt-40-md { margin-top:40px; }
	.mt-50-md { margin-top:50px; }
	.mt-60-md { margin-top:60px; }
}

@media only screen and (min-width: 960px) {
	.collg-1, .collg-2, .collg-3, .collg-4, .collg-5, .collg-6, .collg-7, .collg-8, .collg-9, .collg-10, .collg-11, .collg-12 { float:left }

	/* Grid - Large - lg */
	.collg-1 { width:8.33333333%; }
	.collg-2 { width:16.66666667%; }
	.collg-3 { width:25%; }
	.collg-4 { width:33.33333333%; }
	.collg-5 { width:41.66666667%; }
	.collg-6 { width:50%; }
	.collg-7 { width:58.33333333%; }
	.collg-8 { width:66.66666667%; }
	.collg-9 { width:75%; }
	.collg-10 { width:83.33333333%; }
	.collg-11 { width:91.66666667%; }
	.collg-12 { width:100%; }

	/* Deslocar a Coluna */
	.collg-mov-0 { margin-left:0; }
	.collg-mov-1 { margin-left:8.33333333%; }
	.collg-mov-2 { margin-left:16.66666667%; }
	.collg-mov-3 { margin-left:25%; }
	.collg-mov-4 { margin-left:33.33333333%; }
	.collg-mov-5 { margin-left:41.66666667%; }
	.collg-mov-6 { margin-left:50%; }
	.collg-mov-7 { margin-left:58.33333333%; }
	.collg-mov-8 { margin-left:66.66666667%; }
	.collg-mov-9 { margin-left:75%; }
	.collg-mov-10 { margin-left:83.33333333%; }
	.collg-mov-11 { margin-left:91.66666667%; }
	.collg-mov-12 { margin-left:100%; }

	/* Flutuar a Esquerda */
	.collg-esq-12 { right: 100%; }
	.collg-esq-11 { right: 91.66666667%; }
	.collg-esq-10 { right: 83.33333333%; }
	.collg-esq-9 { right: 75%; }
	.collg-esq-8 { right: 66.66666667%; }
	.collg-esq-7 { right: 58.33333333%; }
	.collg-esq-6 { right: 50%; }
	.collg-esq-5 { right: 41.66666667%; }
	.collg-esq-4 { right: 33.33333333%; }
	.collg-esq-3 { right: 25%; }
	.collg-esq-2 { right: 16.66666667%; }
	.collg-esq-1 { right: 8.33333333%; }
	.collg-esq-0 { right: auto; }

	/* Flutuar a Direita */
	.collg-dir-12 { left: 100%; }
	.collg-dir-11 { left: 91.66666667%; }
	.collg-dir-10 { left: 83.33333333%; }
	.collg-dir-9 { left: 75%; }
	.collg-dir-8 { left: 66.66666667%; }
	.collg-dir-7 { left: 58.33333333%; }
	.collg-dir-6 { left: 50%; }
	.collg-dir-5 { left: 41.66666667%; }
	.collg-dir-4 { left: 33.33333333%; }
	.collg-dir-3 { left: 25%; }
	.collg-dir-2 { left: 16.66666667%; }
	.collg-dir-1 { left: 8.33333333%; }
	.collg-dir-0 { left: auto; }

	/* Margem - lg */
	.mb-0-lg { margin-bottom:0; }
	.mb-5-lg { margin-bottom:5px; }
	.mb-10-lg { margin-bottom:10px; }
	.mb-15-lg { margin-bottom:15px; }
	.mb-20-lg { margin-bottom:20px; }
	.mb-30-lg { margin-bottom:30px; }
	.mb-40-lg { margin-bottom:40px; }
	.mb-50-lg { margin-bottom:50px; }
	.mb-60-lg { margin-bottom:60px; }
	
	.mt-0-lg { margin-top:0; }
	.mt-10-lg { margin-top:10px; }
	.mt-15-lg { margin-top:15px; }
	.mt-20-lg { margin-top:20px; }
	.mt-30-lg { margin-top:30px; }
	.mt-40-lg { margin-top:40px; }
	.mt-50-lg { margin-top:50px; }
	.mt-60-lg { margin-top:60px; }
}