/*
*************
theGrid
version: 1.1
license: none (public domain)
creator: gabriel anliker
link: https://github.com/gaban30/theGrid/
*************
*/
body {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  margin: 0;
  }

.clearfix::before, .clearfix::after, .wrapper::before, .wrapper::after, .wrapper.fullscreen::before, .wrapper.fullscreen::after, .grid::before, .grid::after {
    content: " ";
    display: table;
}
*::before, *::after {
    box-sizing: border-box;
}
.clearfix::after, .container::after, .container-fluid::after, .row::after {
    clear: both;
}
.clearfix::before, .clearfix::after, .wrapper::before, .wrapper::after, .wrapper.fullscreen::before, .wrapper.fullscreen::after, .grid::before, .grid::after {
    content: " ";
    display: table;
}
*::before, *::after {
    box-sizing: border-box;
}
* {
    box-sizing: border-box;
}


.wrapper {
	width: 1200px;
	margin: 0 auto;
}

.wrapper.fullscreen {
	width: 100%;
}

.grid {
	margin: 0;
	padding: 0;
}

.grid::after {
	clear: both !important;
}

.col_s_1, .col_m_1, .col_l_1, .col_s_2, .col_m_2, .col_l_2, .col_s_3, .col_m_3, .col_l_3, .col_s_4, .col_m_4, .col_l_4, .col_s_5, .col_m_5, .col_l_5, .col_s_6, .col_m_6, .col_l_6, .col_s_7, .col_m_7, .col_l_7, .col_s_8, .col_m_8, .col_l_8, .col_s_9, .col_m_9, .col_l_9, .col_s_10, .col_m_10, .col_l_10, .col_s_11, .col_m_11, .col_l_11, .col_s_12,
.col_m_12, .col_l_12 {
	position: relative;
	box-sizing: border-box;
	min-height: 1px;
	padding: 0;
}

.col_padding .col_s_1, .col_padding .col_m_1, .col_padding .col_l_1, .col_padding .col_s_2, .col_padding .col_m_2, .col_padding .col_l_2, .col_padding .col_s_3, .col_padding .col_m_3, .col_padding .col_l_3, .col_padding .col_s_4, .col_padding .col_m_4, .col_padding .col_l_4, .col_padding .col_s_5, .col_padding .col_m_5, .col_padding .col_l_5, .col_padding .col_s_6, .col_padding .col_m_6, .col_padding .col_l_6, .col_padding .col_s_7, .col_padding .col_m_7, .col_padding .col_l_7, .col_padding .col_s_8, .col_padding .col_m_8, .col_padding .col_l_8, .col_padding .col_s_9, .col_padding .col_m_9, .col_padding .col_l_9, .col_padding .col_s_10, .col_padding .col_m_10, .col_padding .col_l_10, .col_padding .col_s_11, .col_padding .col_m_11, .col_padding .col_l_11, .col_padding .col_s_12,
.col_padding .col_m_12, .col_padding .col_l_12 {
	padding:0 5px;
}

/* Grid Desktop*/
.col_l_1, .col_l_2, .col_l_3, .col_l_4, .col_l_5, .col_l_6, .col_l_7, .col_l_8, .col_l_9, .col_l_10, .col_l_11, .col_l_12 {
	float: left;
}
.col_l_12 {
	width: 100%;
}
.col_l_11 {
	width: 91.66666667%;
}
.col_l_10 {
	width: 83.33333333%;
}
.col_l_9 {
	width: 75%;
}
.col_l_8 {
	width: 66.66666667%;
}
.col_l_7 {
	width: 58.33333333%;
}
.col_l_6 {
	width: 50%;
}
.col_l_5 {
	width: 41.66666667%;
}
.col_l_4 {
	width: 33.33333333%;
}
.col_l_3 {
	width: 25%;
}
.col_l_2 {
	width: 16.66666667%;
}
.col_l_1 {
	width: 8.33333333%;
}
.col_l_movRight_12 {
	right: 100%;
}
.col_l_movRight_11 {
    right: 91.66666667%;
}
.col_l_movRight_10 {
	right: 83.33333333%;
}
.col_l_movRight_9 {
	right: 75%;
}
.col_l_movRight_8 {
	right: 66.66666667%;
}
.col_l_movRight_7 {
	right: 58.33333333%;
}
.col_l_movRight_6 {
	right: 50%;
}
.col_l_movRight_5 {
	right: 41.66666667%;
}
.col_l_movRight_4 {
	right: 33.33333333%;
}
.col_l_movRight_3 {
	right: 25%;
}
.col_l_movRight_2 {
	right: 16.66666667%;
}
.col_l_movRight_1 {
	right: 8.33333333%;
}
.col_l_movRight_0 {
	right: auto;
}
.col_l_movLeft_12 {
	left: 100%;
}
.col_l_movLeft_11 {
	left: 91.66666667%;
}
.col_l_movLeft_10 {
	left: 83.33333333%;
}
.col_l_movLeft_9 {
	left: 75%;
}
.col_l_movLeft_8 {
	left: 66.66666667%;
}
.col_l_movLeft_7 {
	left: 58.33333333%;
}
.col_l_movLeft_6 {
	left: 50%;
}
.col_l_movLeft_5 {
	left: 41.66666667%;
}
.col_l_movLeft_4 {
	left: 33.33333333%;
}
.col_l_movLeft_3 {
	left: 25%;
}
.col_l_movLeft_2 {
	left: 16.66666667%;
}
.col_l_movLeft_1 {
	left: 8.33333333%;
}
.col_l_movLeft_0 {
	left: auto;
}
.col_l_off_12 {
	margin-left: 100%;
}
.col_l_off_11 {
	margin-left: 91.66666667%;
}
.col_l_off_10 {
	margin-left: 83.33333333%;
}
.col_l_off_9 {
	margin-left: 75%;
}
.col_l_off_8 {
	margin-left: 66.66666667%;
}
.col_l_off_7 {
	margin-left: 58.33333333%;
}
.col_l_off_6 {
	margin-left: 50%;
}
.col_l_off_5 {
	margin-left: 41.66666667%;
}
.col_l_off_4 {
	margin-left: 33.33333333%;
}
.col_l_off_3 {
	margin-left: 25%;
}
.col_l_off_2 {
	margin-left: 16.66666667%;
}
.col_l_off_1 {
	margin-left: 8.33333333%;
}
.col_l_off_0 {
	margin-left: 0%;
}
.hide_l {
	display: none;
}
.show_l {
	display: block;
}



/* tablets */
/* ====== */
@media screen and (max-width: 1050px) {

	.wrapper {
		width: 100%;
	}
	.col_m_1, .col_m_2, .col_m_3, .col_m_4, .col_m_5, .col_m_6, .col_m_7, .col_m_8, .col_m_9, .col_m_10, .col_m_11, .col_m_12 {
		float: left;
	}
	.col_m_12 {
		width: 100%;
	}
	.col_m_11 {
		width: 91.66666667%;
	}
	.col_m_10 {
		width: 83.33333333%;
	}
	.col_m_9 {
		width: 75%;
	}
	.col_m_8 {
		width: 66.66666667%;
	}
	.col_m_7 {
		width: 58.33333333%;
	}
	.col_m_6 {
		width: 50%;
	}
	.col_m_5 {
		width: 41.66666667%;
	}
	.col_m_4 {
		width: 33.33333333%;
	}
	.col_m_3 {
		width: 25%;
	}
	.col_m_2 {
		width: 16.66666667%;
	}
	.col_m_1 {
		width: 8.33333333%;
	}
	.col_m_movRight_12 {
		right: 100%;
	}
	.col_m_movRight_11 {
		right: 91.66666667%;
	}
	.col_m_movRight_10 {
		right: 83.33333333%;
	}
	.col_m_movRight_9 {
		right: 75%;
	}
	.col_m_movRight_8 {
		right: 66.66666667%;
	}
	.col_m_movRight_7 {
		right: 58.33333333%;
	}
	.col_m_movRight_6 {
		right: 50%;
	}
	.col_m_movRight_5 {
		right: 41.66666667%;
	}
	.col_m_movRight_4 {
		right: 33.33333333%;
	}
	.col_m_movRight_3 {
		right: 25%;
	}
	.col_m_movRight_2 {
		right: 16.66666667%;
	}
	.col_m_movRight_1 {
		right: 8.33333333%;
	}
	.col_m_movRight_0 {
		right: auto;
	}
	.col_m_movLeft_12 {
		left: 100%;
	}
	.col_m_movLeft_11 {
		left: 91.66666667%;
	}
	.col_m_movLeft_10 {
		left: 83.33333333%;
	}
	.col_m_movLeft_9 {
		left: 75%;
	}
	.col_m_movLeft_8 {
		left: 66.66666667%;
	}
	.col_m_movLeft_7 {
		left: 58.33333333%;
	}
	.col_m_movLeft_6 {
		left: 50%;
	}
	.col_m_movLeft_5 {
		left: 41.66666667%;
	}
	.col_m_movLeft_4 {
		left: 33.33333333%;
	}
	.col_m_movLeft_3 {
		left: 25%;
	}
	.col_m_movLeft_2 {
		left: 16.66666667%;
	}
	.col_m_movLeft_1 {
		left: 8.33333333%;
	}
	.col_m_movLeft_0 {
		left: auto;
	}
	.col_m_off_12 {
		margin-left: 100%;
	}
	.col_m_off_11 {
		margin-left: 91.66666667%;
	}
	.col_m_off_10 {
		margin-left: 83.33333333%;
	}
	.col_m_off_9 {
		margin-left: 75%;
	}
	.col_m_off_8 {
		margin-left: 66.66666667%;
	}
	.col_m_off_7 {
		margin-left: 58.33333333%;
	}
	.col_m_off_6 {
		margin-left: 50%;
	}
	.col_m_off_5 {
		margin-left: 41.66666667%;
	}
	.col_m_off_4 {
		margin-left: 33.33333333%;
	}
	.col_m_off_3 {
		margin-left: 25%;
	}
	.col_m_off_2 {
		margin-left: 16.66666667%;
	}
	.col_m_off_1 {
		margin-left: 8.33333333%;
	}
	.col_m_off_0 {
		margin-left: 0%;
	}
	.hide_m {
		display: none;
	}
	.show_m {
		display: block;
	}

}


/* phones */
/* ====== */
@media screen and (max-width: 595px) {

	.col_s_1, .col_s_2, .col_s_3, .col_s_4, .col_s_5, .col_s_6, .col_s_7, .col_s_8, .col_s_9, .col_s_10, .col_s_11, .col_s_12 {
		float: left;
	}
	.col_s_12 {
		width: 100%;
	}
	.col_s_11 {
		width: 91.66666667%;
	}
	.col_s_10 {
		width: 83.33333333%;
	}
	.col_s_9 {
		width: 75%;
	}
	.col_s_8 {
		width: 66.66666667%;
	}
	.col_s_7 {
		width: 58.33333333%;
	}
	.col_s_6 {
		width: 50%;
	}
	.col_s_5 {
		width: 41.66666667%;
	}
	.col_s_4 {
		width: 33.33333333%;
	}
	.col_s_3 {
		width: 25%;
	}
	.col_s_2 {
		width: 16.66666667%;
	}
	.col_s_1 {
		width: 8.33333333%;
	}
	.col_s_movRight_12 {
		right: 100%;
	}
	.col_s_movRight_11 {
		right: 91.66666667%;
	}
	.col_s_movRight_10 {
		right: 83.33333333%;
	}
	.col_s_movRight_9 {
		right: 75%;
	}
	.col_s_movRight_8 {
		right: 66.66666667%;
	}
	.col_s_movRight_7 {
		right: 58.33333333%;
	}
	.col_s_movRight_6 {
		right: 50%;
	}
	.col_s_movRight_5 {
		right: 41.66666667%;
	}
	.col_s_movRight_4 {
		right: 33.33333333%;
	}
	.col_s_movRight_3 {
		right: 25%;
	}
	.col_s_movRight_2 {
		right: 16.66666667%;
	}
	.col_s_movRight_1 {
		right: 8.33333333%;
	}
	.col_s_movRight_0 {
		right: auto;
	}
	.col_s_movLeft_12 {
		left: 100%;
	}
	.col_s_movLeft_11 {
		left: 91.66666667%;
	}
	.col_s_movLeft_10 {
		left: 83.33333333%;
	}
	.col_s_movLeft_9 {
		left: 75%;
	}
	.col_s_movLeft_8 {
		left: 66.66666667%;
	}
	.col_s_movLeft_7 {
		left: 58.33333333%;
	}
	.col_s_movLeft_6 {
		left: 50%;
	}
	.col_s_movLeft_5 {
		left: 41.66666667%;
	}
	.col_s_movLeft_4 {
		left: 33.33333333%;
	}
	.col_s_movLeft_3 {
		left: 25%;
	}
	.col_s_movLeft_2 {
		left: 16.66666667%;
	}
	.col_s_movLeft_1 {
		left: 8.33333333%;
	}
	.col_s_movLeft_0 {
		left: auto;
	}
	.col_s_off_12 {
		margin-left: 100%;
	}
	.col_s_off_11 {
		margin-left: 91.66666667%;
	}
	.col_s_off_10 {
		margin-left: 83.33333333%;
	}
	.col_s_off_9 {
		margin-left: 75%;
	}
	.col_s_off_8 {
		margin-left: 66.66666667%;
	}
	.col_s_off_7 {
		margin-left: 58.33333333%;
	}
	.col_s_off_6 {
		margin-left: 50%;
	}
	.col_s_off_5 {
		margin-left: 41.66666667%;
	}
	.col_s_off_4 {
		margin-left: 33.33333333%;
	}
	.col_s_off_3 {
		margin-left: 25%;
	}
	.col_s_off_2 {
		margin-left: 16.66666667%;
	}
	.col_s_off_1 {
		margin-left: 8.33333333%;
	}
	.col_s_off_0 {
		margin-left: 0%;
	}
	.hide_s {
		display: none;
	}
	.show_s {
		display: block;
	}

}