/* Grid  para resposivo  */


/* liinha content horizontal */
.grid-r::after{
	content: "";
	display: table;
	clear: both;
}


.grid-r::before{
	content: "";
	display: table;
	clear: both;
}

.grid-r>*::after{
	content: "";
	display: table;
	clear: both;
}


.grid-r>*::before{
	content: "";
	display: table;
	clear: both;
}

.grid-r{
	width:100%;
	position:relative;
	padding:0 ;
}

.grid-r >*{
	float:left;
	min-height:1px;
	transition-duration:500ms;
	padding:0 1.45631067961%;
	position: relative;
}

.grid-r .grid-r {
	padding:0 ;
}


/* separadores de conteúdo */

.grid-r .g1div{
	width:8.33%;
}

.grid-r .g2div{
	width:16.66%;
}

.grid-r .g3div{
	width:25%;
}

.grid-r .g4div{
	width:33.33%;
}

.grid-r .g5div{
	width:41.6%;
}

.grid-r .g6div{
	width:50%;
}

.grid-r .g7div{
	width:58.33%;
}

.grid-r .g8div{
	width:66.66%;
}

.grid-r .g9div{
	width:75%;
}

.grid-r .g10div{
	width:83.33%;
}

.grid-r .g11div{
	width:91.66%;
}

.grid-r .g12div{
	width:100%;
}

/* para usar grid dentro de grid, tem que remover o valor os paddings*/
.grid-overflow{
    overflow:hidden;
}

.grid-overflow .grid-r{
    width:102.62% !important;
    margin-left:-1.31% !important;
}