/* CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	font-size: 14px;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input,
button {
	-webkit-appearance: none;
	-moz-appearance: none;
}

body .hide {
	display: none;
}

/*Images alignment and size*/

img {
	max-width: 100%;
	height: auto;
}

.size-full {
	width: 100%;
}

.size-lg {
	width: 1000px;
}

.size-md {
	width: 500px;
}

.size-sm {
	width: 300px;
}

.size-xs {
	width: 100px;
}

.fluid.size-lg {
	width: 75%;
}

.fluid.size-md {
	width: 50%;
}

.fluid.size-sm {
	width: 25%;
}

.fluid.size-xs {
	width: 10%;
}

/*Text and text alignment*/

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

/*Pull*/

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

/* Justify Content */

.justify-left {
	justify-content: left;
}

.justify-right {
	justify-content: right;
}

.justify-center {
	justify-content: center;
}

.justify-space-around {
	justify-content: space-around;
}

.justify-space-between {
	justify-content: space-between;
}

/* Align Items */

.align-items-center {
	align-items: center;
}

.align-items-start {
	align-items: flex-start;
}

.align-items-end {
	align-items: flex-end;
}

/*Buttons*/

/* Center Content */

.center {
	margin: 0 auto;
	max-width: 1300px;
	padding: 0 15px;
	position: relative;
}

/*Forms*/

.form-element input[type="text"] {
	/*width: 100%;
	border: none;
	box-sizing: border-box;
	padding: 6px 15px;*/
}

/* Spacing */

/*xs*/

.add-xs-space-y {
	margin-top: 10px;
	margin-bottom: 10px;
}

.add-xs-space-x {
	margin-left: 10px;
	margin-right: 10px;
}

.add-xs-space-t {
	margin-top: 10px;
}

.add-xs-space-b {
	margin-bottom: 10px;
}

.add-xs-space-l {
	margin-left: 10px;
}

.add-xs-space-r {
	margin-right: 10px;
}

/*sm*/

.add-sm-space-y {
	margin-top: 20px;
	margin-bottom: 20px;
}

.add-sm-space-x {
	margin-left: 20px;
	margin-right: 20px;
}

.add-sm-space-t {
	margin-top: 20px;
}

.add-sm-space-b {
	margin-bottom: 20px;
}

.add-sm-space-l {
	margin-left: 20px;
}

.add-sm-space-r {
	margin-right: 20px;
}

/*md*/

.add-md-space-x {
	margin-left: 30px;
	margin-right: 30px;
}

.add-md-space-y {
	margin-top: 30px;
	margin-bottom: 30px;
}

.add-md-space-t {
	margin-top: 30px;
}

.add-md-space-b {
	margin-bottom: 30px;
}

.add-md-space-l {
	margin-left: 30px;
}

.add-md-space-r {
	margin-right: 30px;
}

/*lg*/

.add-lg-space-x {
	margin-left: 60px;
	margin-right: 60px;
}

.add-lg-space-y {
	margin-top: 60px;
	margin-bottom: 60px;
}

.add-lg-space-t {
	margin-top: 60px;
}

.add-lg-space-b {
	margin-bottom: 60px;
}

.add-lg-space-l {
	margin-left: 60px;
}

.add-lg-space-r {
	margin-right: 60px;
}

/*xl*/

.add-xl-space-x {
	margin-left: 90px;
	margin-right: 90px;
}

.add-xl-space-y {
	margin-top: 90px;
	margin-bottom: 90px;
}

.add-xl-space-t {
	margin-top: 90px;
}

.add-xl-space-b {
	margin-bottom: 90px;
}

.add-xl-space-l {
	margin-left: 90px;
}

.add-xl-space-r {
	margin-right: 90px;
}

/* Layout */

.row {
	display: flex;
}

.row > * {
	box-sizing: border-box;
}

/* Gap Columns */

.gap {
	overflow: hidden;
}

.gap .row {
	margin-left: -10px;
	margin-right: -10px;
}

.gap .row > * {
	margin-left: 10px;
	margin-right: 10px;
}

/* Wrap */

.wrap {
	flex-wrap: wrap;
}

.no-wrap {
	flex-wrap: nowrap;
}

.wrap-reverse {
	flex-wrap: wrap-reverse;
}

/* Justify Content */

.justify-left {
	justify-content: left;
}

.justify-right {
	justify-content: right;
}

.justify-center {
	justify-content: center;
}

.justify-space-around {
	justify-content: space-around;
}

.justify-space-between {
	justify-content: space-between;
}

/* Columns */

/* xs */

.col-xs-1 {
	width: 8.333%;
}

.col-xs-2 {
	width: 16.666%;
}

.col-xs-3 {
	width: 25%;
}

.col-xs-4 {
	width: 33.333%;
}

.col-xs-5 {
	width: 41.666%;
}

.col-xs-6 {
	width: 50%;
}

.col-xs-7 {
	width: 58.333%;
}

.col-xs-8 {
	width: 66.666%;
}

.col-xs-9 {
	width: 75%;
}

.col-xs-10 {
	width: 83.333%;
}

.col-xs-11 {
	width: 91.666%;
}

.col-xs-12 {
	width: 100%;
}

/*sm*/

.col-sm-1 {
	width: 8.333%;
}

.col-sm-2 {
	width: 16.666%;
}

.col-sm-3 {
	width: 25%;
}

.col-sm-4 {
	width: 33.333%;
}

.col-sm-5 {
	width: 41.666%;
}

.col-sm-6 {
	width: 50%;
}

.col-sm-7 {
	width: 58.333%;
}

.col-sm-8 {
	width: 66.666%;
}

.col-sm-9 {
	width: 75%;
}

.col-sm-10 {
	width: 83.333%;
}

.col-sm-11 {
	width: 91.666%;
}

.col-sm-12 {
	width: 100%;
}

/*md*/

.col-md-1 {
	width: 8.333%;
}

.col-md-2 {
	width: 16.666%;
}

.col-md-3 {
	width: 25%;
}

.col-md-4 {
	width: 33.333%;
}

.col-md-5 {
	width: 41.666%;
}

.col-md-6 {
	width: 50%;
}

.col-md-7 {
	width: 58.333%;
}

.col-md-8 {
	width: 66.666%;
}

.col-md-9 {
	width: 75%;
}

.col-md-10 {
	width: 83.333%;
}

.col-md-11 {
	width: 91.666%;
}

.col-md-12 {
	width: 100%;
}

/*lg*/

.col-lg-1 {
	width: 8.333%;
}

.col-lg-2 {
	width: 16.666%;
}

.col-lg-3 {
	width: 25%;
}

.col-lg-4 {
	width: 33.333%;
}

.col-lg-5 {
	width: 41.666%;
}

.col-lg-6 {
	width: 50%;
}

.col-lg-7 {
	width: 58.333%;
}

.col-lg-8 {
	width: 66.666%;
}

.col-lg-9 {
	width: 75%;
}

.col-lg-10 {
	width: 83.333%;
}

.col-lg-11 {
	width: 91.666%;
}

.col-lg-12 {
	width: 100%;
}

/* Default */

.col-1 {
	width: 8.333%;
}

.col-2 {
	width: 16.666%;
}

.col-3 {
	width: 25%;
}

.col-4 {
	width: 33.333%;
}

.col-5 {
	width: 41.666%;
}

.col-6 {
	width: 50%;
}

.col-7 {
	width: 58.333%;
}

.col-8 {
	width: 66.666%;
}

.col-9 {
	width: 75%;
}

.col-10 {
	width: 83.333%;
}

.col-11 {
	width: 91.666%;
}

.col-12 {
	width: 100%;
}

/* Gap Cols */

/*xs*/

.gap .col-xs-1 {
	width: calc(8.333% - 20px);
}

.gap .col-xs-2 {
	width: calc(16.666% - 20px);
}

.gap .col-xs-3 {
	width: calc(25% - 20px);
}

.gap .col-xs-4 {
	width: calc(33.333% - 20px);
}

.gap .col-xs-5 {
	width: calc(41.666% - 20px);
}

.gap .col-xs-6 {
	width: calc(50% - 20px);
}

.gap .col-xs-7 {
	width: calc(58.333% - 20px);
}

.gap .col-xs-8 {
	width: calc(66.666% - 20px);
}

.gap .col-xs-9 {
	width: calc(75% - 20px);
}

.gap .col-xs-10 {
	width: calc(83.333% - 20px);
}

.gap .col-xs-11 {
	width: calc(91.666% - 20px);
}

.gap .col-xs-12 {
	width: calc(100% - 20px);
}

/*sm*/

.gap .col-sm-1 {
	width: calc(8.333% - 20px);
}

.gap .col-sm-2 {
	width: calc(16.666% - 20px);
}

.gap .col-sm-3 {
	width: calc(25% - 20px);
}

.gap .col-sm-4 {
	width: calc(33.333% - 20px);
}

.gap .col-sm-5 {
	width: calc(41.666% - 20px);
}

.gap .col-sm-6 {
	width: calc(50% - 20px);
}

.gap .col-sm-7 {
	width: calc(58.333% - 20px);
}

.gap .col-sm-8 {
	width: calc(66.666% - 20px);
}

.gap .col-sm-9 {
	width: calc(75% - 20px);
}

.gap .col-sm-10 {
	width: calc(83.333% - 20px);
}

.gap .col-sm-11 {
	width: calc(91.666% - 20px);
}

.gap .col-sm-12 {
	width: calc(100% - 20px);
}

/*md*/

.gap .col-md-1 {
	width: calc(8.333% - 20px);
}

.gap .col-md-2 {
	width: calc(16.666% - 20px);
}

.gap .col-md-3 {
	width: calc(25% - 20px);
}

.gap .col-md-4 {
	width: calc(33.333% - 20px);
}

.gap .col-md-5 {
	width: calc(41.666% - 20px);
}

.gap .col-md-6 {
	width: calc(50% - 20px);
}

.gap .col-md-7 {
	width: calc(58.333% - 20px);
}

.gap .col-md-8 {
	width: calc(66.666% - 20px);
}

.gap .col-md-9 {
	width: calc(75% - 20px);
}

.gap .col-md-10 {
	width: calc(83.333% - 20px);
}

.gap .col-md-11 {
	width: calc(91.666% - 20px);
}

.gap .col-md-12 {
	width: calc(100% - 20px);
}

/*lg*/

.gap .col-lg-1 {
	width: calc(8.333% - 20px);
}

.gap .col-lg-2 {
	width: calc(16.666% - 20px);
}

.gap .col-lg-3 {
	width: calc(25% - 20px);
}

.gap .col-lg-4 {
	width: calc(33.333% - 20px);
}

.gap .col-lg-5 {
	width: calc(41.666% - 20px);
}

.gap .col-lg-6 {
	width: calc(50% - 20px);
}

.gap .col-lg-7 {
	width: calc(58.333% - 20px);
}

.gap .col-lg-8 {
	width: calc(66.666% - 20px);
}

.gap .col-lg-9 {
	width: calc(75% - 20px);
}

.gap .col-lg-10 {
	width: calc(83.333% - 20px);
}

.gap .col-lg-11 {
	width: calc(91.666% - 20px);
}

.gap .col-lg-12 {
	width: calc(100% - 20px);
}

/* Default */

.gap .col-1 {
	width: calc(8.333% - 20px);
}

.gap .col-2 {
	width: calc(16.666% - 20px);
}

.gap .col-3 {
	width: calc(25% - 20px);
}

.gap .col-4 {
	width: calc(33.333% - 20px);
}

.gap .col-5 {
	width: calc(41.666% - 20px);
}

.gap .col-6 {
	width: calc(50% - 20px);
}

.gap .col-7 {
	width: calc(58.333% - 20px);
}

.gap .col-8 {
	width: calc(66.666% - 20px);
}

.gap .col-9 {
	width: calc(75% - 20px);
}

.gap .col-10 {
	width: calc(83.333% - 20px);
}

.gap .col-11 {
	width: calc(91.666% - 20px);
}

.gap .col-12 {
	width: calc(100% - 20px);
}

/* Offset Columns */

/* lg Offset */

.offset-lg-0 {
	margin-left: 0;
}

.offset-lg-1 {
	margin-left: 8.333%;
}

.offset-lg-2 {
	margin-left: 16.666%;
}

.offset-lg-3 {
	margin-left: 25%;
}

.offset-lg-4 {
	margin-left: 33.333%;
}

.offset-lg-5 {
	margin-left: 41.666%;
}

.offset-lg-6 {
	margin-left: 50%;
}

.offset-lg-7 {
	margin-left: 58.333%;
}

.offset-lg-8 {
	margin-left: 66.666%;
}

.offset-lg-9 {
	margin-left: 75%;
}

.offset-lg-10 {
	margin-left: 83.333%;
}

.offset-lg-11 {
	margin-left: 91.666%;
}

/* lg gap */

.gap .offset-lg-0 {
	margin-left: calc(0 + 10px);
}

.gap .offset-lg-1 {
	margin-left: calc(8.333% + 10px);
}

.gap .offset-lg-2 {
	margin-left: calc(16.666% + 10px);
}

.gap .offset-lg-3 {
	margin-left: calc(25% + 10px);
}

.gap .offset-lg-4 {
	margin-left: calc(33.333% + 10px);
}

.gap .offset-lg-5 {
	margin-left: calc(41.666% + 10px);
}

.gap .offset-lg-6 {
	margin-left: calc(50% + 10px);
}

.gap .offset-lg-7 {
	margin-left: calc(58.333% + 10px);
}

.gap .offset-lg-8 {
	margin-left: calc(66.666% + 10px);
}

.gap .offset-lg-9 {
	margin-left: calc(75% + 10px);
}

.gap .offset-lg-10 {
	margin-left: calc(83.333% + 10px);
}

.gap .offset-lg-11 {
	margin-left: calc(91.666% + 10px);
}

/* Default Offset */

.offset-1 {
	margin-left: 8.333%;
}

.offset-2 {
	margin-left: 16.666%;
}

.offset-3 {
	margin-left: 25%;
}

.offset-4 {
	margin-left: 33.333%;
}

.offset-5 {
	margin-left: 41.666%;
}

.offset-6 {
	margin-left: 50%;
}

.offset-7 {
	margin-left: 58.333%;
}

.offset-8 {
	margin-left: 66.666%;
}

.offset-9 {
	margin-left: 75%;
}

.offset-10 {
	margin-left: 83.333%;
}

.offset-11 {
	margin-left: 91.666%;
}

/* Gap */

.gap .offset-1 {
	margin-left: calc(8.333% + 10px);
}

.gap .offset-2 {
	margin-left: calc(16.666% + 10px);
}

.gap .offset-3 {
	margin-left: calc(25% + 10px);
}

.gap .offset-4 {
	margin-left: calc(33.333% + 10px);
}

.gap .offset-5 {
	margin-left: calc(41.666% + 10px);
}

.gap .offset-6 {
	margin-left: calc(50% + 10px);
}

.gap .offset-7 {
	margin-left: calc(58.333% + 10px);
}

.gap .offset-8 {
	margin-left: calc(66.666% + 10px);
}

.gap .offset-9 {
	margin-left: calc(75% + 10px);
}

.gap .offset-10 {
	margin-left: calc(83.333% + 10px);
}

.gap .offset-11 {
	margin-left: calc(91.666% + 10px);
}

/*1280 lg*/
@media screen and (max-width:1280px) {

	/* Columns */

	.col-lg-1 {
		width: 8.333%;
	}

	.col-lg-2 {
		width: 16.666%;
	}

	.col-lg-3 {
		width: 25%;
	}

	.col-lg-4 {
		width: 33.333%;
	}

	.col-lg-5 {
		width: 41.666%;
	}

	.col-lg-6 {
		width: 50%;
	}

	.col-lg-7 {
		width: 58.333%;
	}

	.col-lg-8 {
		width: 66.666%;
	}

	.col-lg-9 {
		width: 75%;
	}

	.col-lg-10 {
		width: 83.333%;
	}

	.col-lg-11 {
		width: 91.666%;
	}

	.col-lg-12 {
		width: 100%;
	}

	/* gap */

	.gap .col-lg-1 {
		width: calc(8.333% - 20px);
	}

	.gap .col-lg-2 {
		width: calc(16.666% - 20px);
	}

	.gap .col-lg-3 {
		width: calc(25% - 20px);
	}

	.gap .col-lg-4 {
		width: calc(33.333% - 20px);
	}

	.gap .col-lg-5 {
		width: calc(41.666% - 20px);
	}

	.gap .col-lg-6 {
		width: calc(50% - 20px);
	}

	.gap .col-lg-7 {
		width: calc(58.333% - 20px);
	}

	.gap .col-lg-8 {
		width: calc(66.666% - 20px);
	}

	.gap .col-lg-9 {
		width: calc(75% - 20px);
	}

	.gap .col-lg-10 {
		width: calc(83.333% - 20px);
	}

	.gap .col-lg-11 {
		width: calc(91.666% - 20px);
	}

	.gap .col-lg-12 {
		width: calc(100% - 20px);
	}

}

/*1024 md*/
@media screen and (max-width:1024px) {

	/* Columns */

	.col-md-1 {
		width: 8.333%;
	}

	.col-md-2 {
		width: 16.666%;
	}

	.col-md-3 {
		width: 25%;
	}

	.col-md-4 {
		width: 33.333%;
	}

	.col-md-5 {
		width: 41.666%;
	}

	.col-md-6 {
		width: 50%;
	}

	.col-md-7 {
		width: 58.333%;
	}

	.col-md-8 {
		width: 66.666%;
	}

	.col-md-9 {
		width: 75%;
	}

	.col-md-10 {
		width: 83.333%;
	}

	.col-md-11 {
		width: 91.666%;
	}

	.col-md-12 {
		width: 100%;
	}

	/* Gap */

	.gap .col-md-1 {
		width: calc(8.333% - 20px);
	}

	.gap .col-md-2 {
		width: calc(16.666% - 20px);
	}

	.gap .col-md-3 {
		width: calc(25% - 20px);
	}

	.gap .col-md-4 {
		width: calc(33.333% - 20px);
	}

	.gap .col-md-5 {
		width: calc(41.666% - 20px);
	}

	.gap .col-md-6 {
		width: calc(50% - 20px);
	}

	.gap .col-md-7 {
		width: calc(58.333% - 20px);
	}

	.gap .col-md-8 {
		width: calc(66.666% - 20px);
	}

	.gap .col-md-9 {
		width: calc(75% - 20px);
	}

	.gap .col-md-10 {
		width: calc(83.333% - 20px);
	}

	.gap .col-md-11 {
		width: calc(91.666% - 20px);
	}

	.gap .col-md-12 {
		width: calc(100% - 20px);
	}

	/* md Offset */

	.offset-md-0 {
		margin-left: 0;
	}

	.offset-md-1 {
		margin-left: 8.333%;
	}

	.offset-md-2 {
		margin-left: 16.666%;
	}

	.offset-md-3 {
		margin-left: 25%;
	}

	.offset-md-4 {
		margin-left: 33.333%;
	}

	.offset-md-5 {
		margin-left: 41.666%;
	}

	.offset-md-6 {
		margin-left: 50%;
	}

	.offset-md-7 {
		margin-left: 58.333%;
	}

	.offset-md-8 {
		margin-left: 66.666%;
	}

	.offset-md-9 {
		margin-left: 75%;
	}

	.offset-md-10 {
		margin-left: 83.333%;
	}

	.offset-md-11 {
		margin-left: 91.666%;
	}

	/* gap Offset */

	.gap .offset-md-0 {
		margin-left: calc(0 + 10px);
	}

	.gap .offset-md-1 {
		margin-left: calc(8.333% + 10px);
	}

	.gap .offset-md-2 {
		margin-left: calc(16.666% + 10px);
	}

	.gap .offset-md-3 {
		margin-left: calc(25% + 10px);
	}

	.gap .offset-md-4 {
		margin-left: calc(33.333% + 10px);
	}

	.gap .offset-md-5 {
		margin-left: calc(41.666% + 10px);
	}

	.gap .offset-md-6 {
		margin-left: calc(50% + 10px);
	}

	.gap .offset-md-7 {
		margin-left: calc(58.333% + 10px);
	}

	.gap .offset-md-8 {
		margin-left: calc(66.666% + 10px);
	}

	.gap .offset-md-9 {
		margin-left: calc(75% + 10px);
	}

	.gap .offset-md-10 {
		margin-left: calc(83.333% + 10px);
	}

	.gap .offset-md-11 {
		margin-left: calc(91.666% + 10px);
	}

}

/*768 sm*/
@media screen and (max-width:768px) {

	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12,
	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-10,
	.col-md-11,
	.col-md-12,
	.col-lg-1,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12 {
		width: 100%;
	}

	/* Gap */

	.gap .col-1,
	.gap .col-2,
	.gap .col-3,
	.gap .col-4,
	.gap .col-5,
	.gap .col-6,
	.gap .col-7,
	.gap .col-8,
	.gap .col-9,
	.gap .col-10,
	.gap .col-11,
	.gap .col-12,
	.gap .col-md-1,
	.gap .col-md-2,
	.gap .col-md-3,
	.gap .col-md-4,
	.gap .col-md-5,
	.gap .col-md-6,
	.gap .col-md-7,
	.gap .col-md-8,
	.gap .col-md-9,
	.gap .col-md-10,
	.gap .col-md-11,
	.gap .col-md-12,
	.gap .col-lg-1,
	.gap .col-lg-2,
	.gap .col-lg-3,
	.gap .col-lg-4,
	.gap .col-lg-5,
	.gap .col-lg-6,
	.gap .col-lg-7,
	.gap .col-lg-8,
	.gap .col-lg-9,
	.gap .col-lg-10,
	.gap .col-lg-11,
	.gap .col-lg-12 {
		width: calc(100% - 20px);
	}

	/* Offset reset */

	.offset-1,
	.offset-2,
	.offset-3,
	.offset-4,
	.offset-5,
	.offset-6,
	.offset-7,
	.offset-8,
	.offset-9,
	.offset-10,
	.offset-11,
	.offset-lg-0,
	.offset-lg-1,
	.offset-lg-2,
	.offset-lg-3,
	.offset-lg-4,
	.offset-lg-5,
	.offset-lg-6,
	.offset-lg-7,
	.offset-lg-8,
	.offset-lg-9,
	.offset-lg-10,
	.offset-lg-11, 
	.offset-md-0,
	.offset-md-1,
	.offset-md-2,
	.offset-md-3,
	.offset-md-4,
	.offset-md-5,
	.offset-md-6,
	.offset-md-7,
	.offset-md-8,
	.offset-md-9,
	.offset-md-10,
	.offset-md-11,
	.offset-sm-0,
	.offset-sm-1,
	.offset-sm-2,
	.offset-sm-3,
	.offset-sm-4,
	.offset-sm-5,
	.offset-sm-6,
	.offset-sm-7,
	.offset-sm-8,
	.offset-sm-9,
	.offset-sm-10,
	.offset-sm-11 {
		margin-left: 0;
	}

	.gap .offset-1,
	.gap .offset-2,
	.gap .offset-3,
	.gap .offset-4,
	.gap .offset-5,
	.gap .offset-6,
	.gap .offset-7,
	.gap .offset-8,
	.gap .offset-9,
	.gap .offset-10,
	.gap .offset-11,
	.gap .offset-lg-0,
	.gap .offset-lg-1,
	.gap .offset-lg-2,
	.gap .offset-lg-3,
	.gap .offset-lg-4,
	.gap .offset-lg-5,
	.gap .offset-lg-6,
	.gap .offset-lg-7,
	.gap .offset-lg-8,
	.gap .offset-lg-9,
	.gap .offset-lg-10,
	.gap .offset-lg-11, 
	.gap .offset-md-0,
	.gap .offset-md-1,
	.gap .offset-md-2,
	.gap .offset-md-3,
	.gap .offset-md-4,
	.gap .offset-md-5,
	.gap .offset-md-6,
	.gap .offset-md-7,
	.gap .offset-md-8,
	.gap .offset-md-9,
	.gap .offset-md-10,
	.gap .offset-md-11,
	.gap .offset-sm-0,
	.gap .offset-sm-1,
	.gap .offset-sm-2,
	.gap .offset-sm-3,
	.gap .offset-sm-4,
	.gap .offset-sm-5,
	.gap .offset-sm-6,
	.gap .offset-sm-7,
	.gap .offset-sm-8,
	.gap .offset-sm-9,
	.gap .offset-sm-10,
	.gap .offset-sm-11 {
		margin-left: 10px;
	}

	/* Columns */

	.col-sm-1 {
		width: 8.333%;
	}

	.col-sm-2 {
		width: 16.666%;
	}

	.col-sm-3 {
		width: 25%;
	}

	.col-sm-4 {
		width: 33.333%;
	}

	.col-sm-5 {
		width: 41.666%;
	}

	.col-sm-6 {
		width: 50%;
	}

	.col-sm-7 {
		width: 58.333%;
	}

	.col-sm-8 {
		width: 66.666%;
	}

	.col-sm-9 {
		width: 75%;
	}

	.col-sm-10 {
		width: 83.333%;
	}

	.col-sm-11 {
		width: 91.666%;
	}

	.col-sm-12 {
		width: 100%;
	}

	/* Gap */

	.gap .col-sm-1 {
		width: calc(8.333% - 20px);
	}

	.gap .col-sm-2 {
		width: calc(16.666% - 20px);
	}

	.gap .col-sm-3 {
		width: calc(25% - 20px);
	}

	.gap .col-sm-4 {
		width: calc(33.333% - 20px);
	}

	.gap .col-sm-5 {
		width: calc(41.666% - 20px);
	}

	.gap .col-sm-6 {
		width: calc(50% - 20px);
	}

	.gap .col-sm-7 {
		width: calc(58.333% - 20px);
	}

	.gap .col-sm-8 {
		width: calc(66.666% - 20px);
	}

	.gap .col-sm-9 {
		width: calc(75% - 20px);
	}

	.gap .col-sm-10 {
		width: calc(83.333% - 20px);
	}

	.gap .col-sm-11 {
		width: calc(91.666% - 20px);
	}

	.gap .col-sm-12 {
		width: calc(100% - 20px);
	}

	/* sm Offset */

	.offset-sm-0 {
		margin-left: 0;
	}

	.offset-sm-1 {
		margin-left: 8.333%;
	}

	.offset-sm-2 {
		margin-left: 16.666%;
	}

	.offset-sm-3 {
		margin-left: 25%;
	}

	.offset-sm-4 {
		margin-left: 33.333%;
	}

	.offset-sm-5 {
		margin-left: 41.666%;
	}

	.offset-sm-6 {
		margin-left: 50%;
	}

	.offset-sm-7 {
		margin-left: 58.333%;
	}

	.offset-sm-8 {
		margin-left: 66.666%;
	}

	.offset-sm-9 {
		margin-left: 75%;
	}

	.offset-sm-10 {
		margin-left: 83.333%;
	}

	.offset-sm-11 {
		margin-left: 91.666%;
	}

	/* gap Offset */

	.gap .offset-sm-0 {
		margin-left: calc(0 + 10px);
	}

	.gap .offset-sm-1 {
		margin-left: calc(8.333% + 10px);
	}

	.gap .offset-sm-2 {
		margin-left: calc(16.666% + 10px);
	}

	.gap .offset-sm-3 {
		margin-left: calc(25% + 10px);
	}

	.gap .offset-sm-4 {
		margin-left: calc(33.333% + 10px);
	}

	.gap .offset-sm-5 {
		margin-left: calc(41.666% + 10px);
	}

	.gap .offset-sm-6 {
		margin-left: calc(50% + 10px);
	}

	.gap .offset-sm-7 {
		margin-left: calc(58.333% + 10px);
	}

	.gap .offset-sm-8 {
		margin-left: calc(66.666% + 10px);
	}

	.gap .offset-sm-9 {
		margin-left: calc(75% + 10px);
	}

	.gap .offset-sm-10 {
		margin-left: calc(83.333% + 10px);
	}

	.gap .offset-sm-11 {
		margin-left: calc(91.666% + 10px);
	}

}

/*600 xs*/
@media screen and (max-width:600px) {

	.col-sm-1,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12 {
		width: 100%;
	}

	/* Gap */

	.gap .col-sm-1,
	.gap .col-sm-2,
	.gap .col-sm-3,
	.gap .col-sm-4,
	.gap .col-sm-5,
	.gap .col-sm-6,
	.gap .col-sm-7,
	.gap .col-sm-8,
	.gap .col-sm-9,
	.gap .col-sm-10,
	.gap .col-sm-11,
	.gap .col-sm-12 {
		width: calc(100% - 20px);
	}

	/* Columns */

	.col-xs-1 {
		width: 8.333%;
	}

	.col-xs-2 {
		width: 16.666%;
	}

	.col-xs-3 {
		width: 25%;
	}

	.col-xs-4 {
		width: 33.333%;
	}

	.col-xs-5 {
		width: 41.666%;
	}

	.col-xs-6 {
		width: 50%;
	}

	.col-xs-7 {
		width: 58.333%;
	}

	.col-xs-8 {
		width: 66.666%;
	}

	.col-xs-9 {
		width: 75%;
	}

	.col-xs-10 {
		width: 83.333%;
	}

	.col-xs-11 {
		width: 91.666%;
	}

	.col-xs-12 {
		width: 100%;
	}

	/* Gap */

	.gap .col-xs-1 {
		width: calc(8.333% - 20px);
	}

	.gap .col-xs-2 {
		width: calc(16.666% - 20px);
	}

	.gap .col-xs-3 {
		width: calc(25% - 20px);
	}

	.gap .col-xs-4 {
		width: calc(33.333% - 20px);
	}

	.gap .col-xs-5 {
		width: calc(41.666% - 20px);
	}

	.gap .col-xs-6 {
		width: calc(50% - 20px);
	}

	.gap .col-xs-7 {
		width: calc(58.333% - 20px);
	}

	.gap .col-xs-8 {
		width: calc(66.666% - 20px);
	}

	.gap .col-xs-9 {
		width: calc(75% - 20px);
	}

	.gap .col-xs-10 {
		width: calc(83.333% - 20px);
	}

	.gap .col-xs-11 {
		width: calc(91.666% - 20px);
	}

	.gap .col-xs-12 {
		width: calc(100% - 20px);
	}


	/* Offset reset */

	.offset-sm-0,
	.offset-sm-1,
	.offset-sm-2,
	.offset-sm-3,
	.offset-sm-4,
	.offset-sm-5,
	.offset-sm-6,
	.offset-sm-7,
	.offset-sm-8,
	.offset-sm-9,
	.offset-sm-10,
	.offset-sm-11 {
		margin-left: 0;
	}

	.gap .offset-sm-0,
	.gap .offset-sm-1,
	.gap .offset-sm-2,
	.gap .offset-sm-3,
	.gap .offset-sm-4,
	.gap .offset-sm-5,
	.gap .offset-sm-6,
	.gap .offset-sm-7,
	.gap .offset-sm-8,
	.gap .offset-sm-9,
	.gap .offset-sm-10,
	.gap .offset-sm-11 {
		margin-left: 10px;
	}

	/* xs Offset */

	.offset-xs-0 {
		margin-left: 0;
	}

	.offset-xs-1 {
		margin-left: 8.333%;
	}

	.offset-xs-2 {
		margin-left: 16.666%;
	}

	.offset-xs-3 {
		margin-left: 25%;
	}

	.offset-xs-4 {
		margin-left: 33.333%;
	}

	.offset-xs-5 {
		margin-left: 41.666%;
	}

	.offset-xs-6 {
		margin-left: 50%;
	}

	.offset-xs-7 {
		margin-left: 58.333%;
	}

	.offset-xs-8 {
		margin-left: 66.666%;
	}

	.offset-xs-9 {
		margin-left: 75%;
	}

	.offset-xs-10 {
		margin-left: 83.333%;
	}

	.offset-xs-11 {
		margin-left: 91.666%;
	}

	/* gap Offset */

	.gap .offset-xs-0 {
		margin-left: calc(0 + 10px);
	}

	.gap .offset-xs-1 {
		margin-left: calc(8.333% + 10px);
	}

	.gap .offset-xs-2 {
		margin-left: calc(16.666% + 10px);
	}

	.gap .offset-xs-3 {
		margin-left: calc(25% + 10px);
	}

	.gap .offset-xs-4 {
		margin-left: calc(33.333% + 10px);
	}

	.gap .offset-xs-5 {
		margin-left: calc(41.666% + 10px);
	}

	.gap .offset-xs-6 {
		margin-left: calc(50% + 10px);
	}

	.gap .offset-xs-7 {
		margin-left: calc(58.333% + 10px);
	}

	.gap .offset-xs-8 {
		margin-left: calc(66.666% + 10px);
	}

	.gap .offset-xs-9 {
		margin-left: calc(75% + 10px);
	}

	.gap .offset-xs-10 {
		margin-left: calc(83.333% + 10px);
	}

	.gap .offset-xs-11 {
		margin-left: calc(91.666% + 10px);
	}

}