/*!
 * Sogei UI Kit 4
 * author: dgalloppa
 */

.section {
	padding: .5rem 0;
}
.container,
.container-fluid {
	padding-right: 12px;
	padding-left: 12px;
}
.row {
	margin-right: -6px;
	margin-left: -6px;
}
.no-gutters {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto,
.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-auto,
.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-auto,
.col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-auto,
.col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto,
.col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-auto {
	padding-right: 6px;
	padding-left: 6px;
}
.col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-auto {
	position: relative;
	width: 100%;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.section {
		padding: 1rem 0;
	}
	.container,
	.container-fluid {
		padding-right: 20px;
		padding-left: 20px;
	}
	.row {
		margin-right: -10px;
		margin-left: -10px;
	}
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto,
	.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-auto,
	.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-auto,
	.col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-auto,
	.col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto,
	.col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-auto {
		padding-right: 10px;
		padding-left: 10px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.container,
	.container-fluid {
		padding-right: 28px;
		padding-left: 28px;
	}
	.row {
		margin-right: -14px;
		margin-left: -14px;
	}
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto,
	.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-auto,
	.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-auto,
	.col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-auto,
	.col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto,
	.col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-auto {
		padding-right: 14px;
		padding-left: 14px;
	}
}

/* Extra extra large devices (x-large desktops, 1440px and up) */
@media (min-width: 1440px) {
	.container-fluid {
		max-width: 1600px;
	}
	.col-xxl {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}
	.col-xxl-1 {
		flex: 0 0 8.333333%;
		-ms-flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.col-xxl-2 {
		flex: 0 0 16.666667%;
		-ms-flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
	.col-xxl-3 {
		flex: 0 0 25%;
		-ms-flex: 0 0 25%;
		max-width: 25%;
	}
	.col-xxl-4 {
		flex: 0 0 33.333333%;
		-ms-flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.col-xxl-5 {
		flex: 0 0 41.666667%;
		-ms-flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	.col-xxl-6 {
		flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		max-width: 50%;
	}
	.col-xxl-7 {
		flex: 0 0 58.333333%;
		-ms-flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	.col-xxl-8 {
		flex: 0 0 66.666667%;
		-ms-flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	.col-xxl-9 {
		flex: 0 0 75%;
		-ms-flex: 0 0 75%;
		max-width: 75%;
	}
	.col-xxl-10 {
		flex: 0 0 83.333333%;
		-ms-flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}
	.col-xxl-11 {
		flex: 0 0 91.666667%;
		-ms-flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}
	.col-xxl-12 {
		flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		max-width: 100%;
	}
	.col-xxl-auto {
		flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		max-width: none;
		width: auto;
	}
	.offset-xxl-0 {
		margin-left: 0;
	}
	.offset-xxl-1 {
		margin-left: 8.333333%;
	}
	.offset-xxl-2 {
		margin-left: 16.666667%;
	}
	.offset-xxl-3 {
		margin-left: 25%;
	}
	.offset-xxl-4 {
		margin-left: 33.333333%;
	}
	.offset-xxl-5 {
		margin-left: 41.666667%;
	}
	.offset-xxl-6 {
		margin-left: 50%;
	}
	.offset-xxl-7 {
		margin-left: 58.333333%;
	}
	.offset-xxl-8 {
		margin-left: 66.666667%;
	}
	.offset-xxl-9 {
		margin-left: 75%;
	}
	.offset-xxl-10 {
		margin-left: 83.333333%;
	}
	.offset-xxl-11 {
		margin-left: 91.666667%;
	}
	.row-cols-xxl-1 > * {
		flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		max-width: 100%;
	}
	.row-cols-xxl-2 > * {
		flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		max-width: 50%;
	}
	.row-cols-xxl-3 > * {
		flex: 0 0 33.333333%;
		-ms-flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.row-cols-xxl-4 > * {
		flex: 0 0 25%;
		-ms-flex: 0 0 25%;
		max-width: 25%;
	}
	.row-cols-xxl-5 > * {
		flex: 0 0 20%;
		-ms-flex: 0 0 20%;
		max-width: 20%;
	}
	.row-cols-xxl-6 > * {
		flex: 0 0 16.666667%;
		-ms-flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
	.d-xxl-block {
		display: block !important;
	}
	.d-xxl-none {
		display: none !important;
	}
}