.ds-p-0  {           padding: 0 !important; }
.ds-pt-0 {       padding-top: 0 !important; }
.ds-pr-0 {     padding-right: 0 !important; }
.ds-pb-0 {    padding-bottom: 0 !important; }
.ds-pl-0 {      padding-left: 0 !important; }

.ds-p-1  {        padding: 10px !important; }
.ds-pt-1 {    padding-top: 10px !important; }
.ds-pr-1 {  padding-right: 10px !important; }
.ds-pb-1 { padding-bottom: 10px !important; }
.ds-pl-1 {   padding-left: 10px !important; }

.ds-p-2  {        padding: 15px !important; }
.ds-pt-2 {    padding-top: 15px !important; }
.ds-pr-2 {  padding-right: 15px !important; }
.ds-pb-2 { padding-bottom: 15px !important; }
.ds-pl-2 {   padding-left: 15px !important; }

.ds-p-3  {        padding: 20px !important; }
.ds-pt-3 {    padding-top: 20px !important; }
.ds-pr-3 {  padding-right: 20px !important; }
.ds-pb-3 { padding-bottom: 20px !important; }
.ds-pl-3 {   padding-left: 20px !important; }

.ds-p-4  {        padding: 25px !important; }
.ds-pt-4 {    padding-top: 25px !important; }
.ds-pr-4 {  padding-right: 25px !important; }
.ds-pb-4 { padding-bottom: 25px !important; }
.ds-pl-4 {   padding-left: 25px !important; }

.ds-p-5  {        padding: 30px !important; }
.ds-pt-5 {    padding-top: 30px !important; }
.ds-pr-5 {  padding-right: 30px !important; }
.ds-pb-5 { padding-bottom: 30px !important; }
.ds-pl-5 {   padding-left: 30px !important; }

.ds-m-0  {            margin: 0 !important; }
.ds-mt-0 {        margin-top: 0 !important; }
.ds-mr-0 {      margin-right: 0 !important; }
.ds-mb-0 {     margin-bottom: 0 !important; }
.ds-ml-0 {       margin-left: 0 !important; }

.ds-m-1  {         margin: 10px !important; }
.ds-mt-1 {     margin-top: 10px !important; }
.ds-mr-1 {   margin-right: 10px !important; }
.ds-mb-1 {  margin-bottom: 10px !important; }
.ds-ml-1 {    margin-left: 10px !important; }

.ds-m-2  {         margin: 15px !important; }
.ds-mt-2 {     margin-top: 15px !important; }
.ds-mr-2 {   margin-right: 15px !important; }
.ds-mb-2 {  margin-bottom: 15px !important; }
.ds-ml-2 {    margin-left: 15px !important; }

.ds-m-3  {         margin: 20px !important; }
.ds-mt-3 {     margin-top: 20px !important; }
.ds-mr-3 {   margin-right: 20px !important; }
.ds-mb-3 {  margin-bottom: 20px !important; }
.ds-ml-3 {    margin-left: 20px !important; }

.ds-m-4  {         margin: 25px !important; }
.ds-mt-4 {     margin-top: 25px !important; }
.ds-mr-4 {   margin-right: 25px !important; }
.ds-mb-4 {  margin-bottom: 25px !important; }
.ds-ml-4 {    margin-left: 25px !important; }

.ds-m-5  {         margin: 30px !important; }
.ds-mt-5 {     margin-top: 30px !important; }
.ds-mr-5 {   margin-right: 30px !important; }
.ds-mb-5 {  margin-bottom: 30px !important; }
.ds-ml-5 {    margin-left: 30px !important; }

.ds-mr-auto { margin-right: auto !important; }
.ds-ml-auto {  margin-left: auto !important; }

.ds-b-0 {        border: 0 !important; }
.ds-b   {        border: 1px solid !important; }
.ds-bt  {    border-top: 1px solid !important; }
.ds-br  {  border-right: 1px solid !important; }
.ds-bb  { border-bottom: 1px solid !important; }
.ds-bl  {   border-left: 1px solid !important; }
[class*="ds-b"] {
	border-color: $ds-grey !important;

	&.ds-b-light { border-color: $ds-grey-light !important; }
	&.ds-b-dark  { border-color: $ds-grey-dark !important; }
}

.ds-text-left   {   text-align: left !important; }
.ds-text-center { text-align: center !important; }
.ds-text-right  {  text-align: right !important; }

.ds-float-left  {  float: left !important; }
.ds-float-right { float: right !important; }
.ds-float-none  {  float: none !important; }

.ds-d-inline-block { display: inline-block !important; }
.ds-d-inline-flex  { display: inline-flex !important; }
.ds-d-table        { display: table !important; }
.ds-d-block        { display: block !important; }
.ds-d-flex         {
											display: -webkit-box !important;
											display: -ms-flexbox !important;
											display: flex !important;
									 }
.ds-d-none         { display: none !important; }

.ds-flex-wrap {
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.ds-flex-align-center { align-items: center !important; }
.ds-flex-align-start  { align-items: flex-start !important; }
.ds-flex-align-end    { align-items: flex-end !important; }

.ds-justify-content-center { justify-content: center !important; }
.ds-justify-content-start  { justify-content: flex-start !important; }
.ds-justify-content-end    { justify-content: flex-end !important; }
.ds-justify-content-between { justify-content: space-between !important; }

.clearfix {
	&:after {
		content: "";
		clear: both;
		display: table;
	}
}

.ds-success {
	background-color: $ds-green;
}

.ds-danger {
	background-color: $ds-red;
}

.ds-block-toggler {
	&:not( .active ) + .ds-block-toggler-block {
		display: none;
	}
}

.ds-checkbox {

}

.ds-toggler {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 25px;

	> span {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: $ds-grey;
		transition: .4s;
		@include ds-box-shadow( inset 0px 0px 5px -4px rgba( 0, 0, 0, 0.75 ) );
		@include ds-border-radius( 2px );

		&:before {
			position: absolute;
			content: "";
			height: 17px;
			width: 17px;
			left: 4px;
			bottom: 4px;
			background-color: $ds-grey-dark;
			transition: .4s;
			@include ds-border-radius( 2px );
		}
	}

	> input {
		display: none;

		&:checked {
			+ span {
				background-color: $ds-grey-dark;

				&:before {
					@include ds-transform( translateX( 25px ) );
					background-color: $ds-grey;
				}
			}
		}
	}
} // .ds-toggler

.ds-checkbox {
	cursor: pointer;

	> input {
		display: none;

		& + span {
			display: flex;
			flex-wrap: nowrap;
			align-items: center;

			&:before {
				transition: background 0.2s;
				content: "";
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 12px;
				width: 20px;
				height: 20px;
				margin-right: 10px;
				background-color: $ds-grey;
				@include ds-border-radius( 2px );
				box-sizing: border-box;
				border: 0;
			}
		}

		&:checked {
			& + span {
				&:before {
					font-family: 'divspot';
					content: "\ea10";
					background-color: $ds-grey-dark;
					color: $white;
				}
			}
		}
	}

	&.ds-input-lg {
		> input {
			& + span {
				&:before {
					min-width: 40px;
					min-height: 40px;
					font-size: 25px;
				}
			}
		}
	}
} // .ds-checkbox

.ds-radio {
	> input {
		display: none;

		& + span {
			display: flex;
			flex-wrap: nowrap;
			align-items: center;

			&:before {
				transition: all 0.2s;
				border: 0px solid $ds-grey;
				content: "";
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				align-items: center;
				justify-content: center;
				width: 20px;
				height: 20px;
				margin-right: 10px;
				background-color: $ds-grey;
				@include ds-border-radius( 50% );
				box-sizing: border-box;
			}
		}

		&:checked {
			& + span {
				&:before {
					border-width: 5px;
					border-color: $ds-grey-dark;
				}
			}
		}
	}

	&.ds-input-lg {
		> input {
			& + span {
				&:before {
					width: 40px;
					height: 40px;
				}
			}

			&:checked {
				& + span {
					&:before {
						border: 10px solid $ds-grey-dark;
					}
				}
			}
		}
	} // .ds-input-lg

	&.ds-radio-image {
		position: relative;

		> input {
			& + img {
				transition: opacity 0.4s;
				opacity: 0.5;
				object-fit: cover;
				@include ds-dimensions( 100%, 100% );
			}

			&:checked {
				& + img {
					opacity: 1;
				}
			}
		}
	} // .ds-radio-image
} // .ds-radio

input:not( [type="checkbox"] ):not( [type="radio"] ),
textarea,
select {
	&.ds-input-box {
		padding: 5px;
		min-height: 30px;
		max-height: 400px;
		@include ds-border-radius( 2px );
		@include ds-dimensions( 100%, auto );
		border: 0;
		background: #f9f9f9;
	}
}

.ds-tab-nav-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;

	> .ds-tab-nav {
		transition: all 0.4s;
		padding: 10px 15px;
		background: $ds-grey-light;
		color: $ds-grey-dark;
		@include ds-box-shadow( none );
		text-transform: uppercase;
		text-decoration: none;

		&.active {
			background: $ds-grey-dark;
			color: $white;
		}
	}
}
.ds-tab-content {
	&:not( .active ) {
		display: none;
	}
}


/*
██████  ███████        ██████  ██       ██████  ██████   █████  ██       ██     ██ ██ ██████  ████████ ██   ██       ███████ ███    ███
██   ██ ██            ██       ██      ██    ██ ██   ██ ██   ██ ██       ██     ██ ██ ██   ██    ██    ██   ██       ██      ████  ████
██   ██ ███████ █████ ██   ███ ██      ██    ██ ██████  ███████ ██ █████ ██  █  ██ ██ ██   ██    ██    ███████ █████ ███████ ██ ████ ██
██   ██      ██       ██    ██ ██      ██    ██ ██   ██ ██   ██ ██       ██ ███ ██ ██ ██   ██    ██    ██   ██            ██ ██  ██  ██
██████  ███████        ██████  ███████  ██████  ██████  ██   ██ ███████   ███ ███  ██ ██████     ██    ██   ██       ███████ ██      ██
*/
@media ( min-width: $ds-global-width-sm ) {
	.ds-p-sm-0  {           padding: 0 !important; }
	.ds-pt-sm-0 {       padding-top: 0 !important; }
	.ds-pr-sm-0 {     padding-right: 0 !important; }
	.ds-pb-sm-0 {    padding-bottom: 0 !important; }
	.ds-pl-sm-0 {      padding-left: 0 !important; }

	.ds-p-sm-1  {        padding: 10px !important; }
	.ds-pt-sm-1 {    padding-top: 10px !important; }
	.ds-pr-sm-1 {  padding-right: 10px !important; }
	.ds-pb-sm-1 { padding-bottom: 10px !important; }
	.ds-pl-sm-1 {   padding-left: 10px !important; }

	.ds-p-2     {        padding: 15px !important; }
	.ds-pt-sm-2 {    padding-top: 15px !important; }
	.ds-pr-sm-2 {  padding-right: 15px !important; }
	.ds-pb-sm-2 { padding-bottom: 15px !important; }
	.ds-pl-sm-2 {   padding-left: 15px !important; }

	.ds-p-sm-3  {        padding: 20px !important; }
	.ds-pt-sm-3 {    padding-top: 20px !important; }
	.ds-pr-sm-3 {  padding-right: 20px !important; }
	.ds-pb-sm-3 { padding-bottom: 20px !important; }
	.ds-pl-sm-3 {   padding-left: 20px !important; }

	.ds-p-sm-4  {        padding: 25px !important; }
	.ds-pt-sm-4 {    padding-top: 25px !important; }
	.ds-pr-sm-4 {  padding-right: 25px !important; }
	.ds-pb-sm-4 { padding-bottom: 25px !important; }
	.ds-pl-sm-4 {   padding-left: 25px !important; }

	.ds-p-sm-5  {        padding: 30px !important; }
	.ds-pt-sm-5 {    padding-top: 30px !important; }
	.ds-pr-sm-5 {  padding-right: 30px !important; }
	.ds-pb-sm-5 { padding-bottom: 30px !important; }
	.ds-pl-sm-5 {   padding-left: 30px !important; }

	.ds-m-sm-0  {            margin: 0 !important; }
	.ds-mt-sm-0 {        margin-top: 0 !important; }
	.ds-mr-sm-0 {      margin-right: 0 !important; }
	.ds-mb-sm-0 {     margin-bottom: 0 !important; }
	.ds-ml-sm-0 {       margin-left: 0 !important; }

	.ds-m-sm-1  {         margin: 10px !important; }
	.ds-mt-sm-1 {     margin-top: 10px !important; }
	.ds-mr-sm-1 {   margin-right: 10px !important; }
	.ds-mb-sm-1 {  margin-bottom: 10px !important; }
	.ds-ml-sm-1 {    margin-left: 10px !important; }

	.ds-m-sm-2  {         margin: 15px !important; }
	.ds-mt-sm-2 {     margin-top: 15px !important; }
	.ds-mr-sm-2 {   margin-right: 15px !important; }
	.ds-mb-sm-2 {  margin-bottom: 15px !important; }
	.ds-ml-sm-2 {    margin-left: 15px !important; }

	.ds-m-sm-3  {         margin: 20px !important; }
	.ds-mt-sm-3 {     margin-top: 20px !important; }
	.ds-mr-sm-3 {   margin-right: 20px !important; }
	.ds-mb-sm-3 {  margin-bottom: 20px !important; }
	.ds-ml-sm-3 {    margin-left: 20px !important; }

	.ds-m-sm-4  {         margin: 25px !important; }
	.ds-mt-sm-4 {     margin-top: 25px !important; }
	.ds-mr-sm-4 {   margin-right: 25px !important; }
	.ds-mb-sm-4 {  margin-bottom: 25px !important; }
	.ds-ml-sm-4 {    margin-left: 25px !important; }

	.ds-m-sm-5  {         margin: 30px !important; }
	.ds-mt-sm-5 {     margin-top: 30px !important; }
	.ds-mr-sm-5 {   margin-right: 30px !important; }
	.ds-mb-sm-5 {  margin-bottom: 30px !important; }
	.ds-ml-sm-5 {    margin-left: 30px !important; }

	.ds-mr-sm-auto { margin-right: auto !important; }
	.ds-ml-sm-auto {  margin-left: auto !important; }

	.ds-b-sm-0 {        border: 0 !important; }
	.ds-sm-b   {        border: 1px solid !important; }
	.ds-sm-bt  {    border-top: 1px solid !important; }
	.ds-sm-br  {  border-right: 1px solid !important; }
	.ds-sm-bb  { border-bottom: 1px solid !important; }
	.ds-sm-bl  {   border-left: 1px solid !important; }

	.ds-text-sm-left   {   text-align: left !important; }
	.ds-text-sm-center { text-align: center !important; }
	.ds-text-sm-right  {  text-align: right !important; }

	.ds-float-sm-left  {  float: left !important; }
	.ds-float-sm-right { float: right !important; }
	.ds-float-sm-none  {  float: none !important; }

	.ds-d-sm-inline-block { display: inline-block !important; }
	.ds-d-sm-inline-flex  { display: inline-flex !important; }
	.ds-d-sm-table        { display: table !important; }
	.ds-d-sm-block        { display: block !important; }
	.ds-d-sm-flex         { display: flex !important; }
	.ds-d-sm-none         { display: none !important; }

	.ds-flex-align-sm-center { align-items: center !important; }
	.ds-flex-align-sm-start  { align-items: flex-start !important; }
	.ds-flex-align-sm-end    { align-items: flex-end !important; }

	.ds-justify-content-sm-center { justify-content: center !important; }
	.ds-justify-content-sm-start  { justify-content: flex-start !important; }
	.ds-justify-content-sm-end    { justify-content: flex-end !important; }
	.ds-justify-content-sm-between { justify-content: space-between !important; }
}


/*
██████  ███████        ██████  ██       ██████  ██████   █████  ██       ██     ██ ██ ██████  ████████ ██   ██       ███    ███ ██████
██   ██ ██            ██       ██      ██    ██ ██   ██ ██   ██ ██       ██     ██ ██ ██   ██    ██    ██   ██       ████  ████ ██   ██
██   ██ ███████ █████ ██   ███ ██      ██    ██ ██████  ███████ ██ █████ ██  █  ██ ██ ██   ██    ██    ███████ █████ ██ ████ ██ ██   ██
██   ██      ██       ██    ██ ██      ██    ██ ██   ██ ██   ██ ██       ██ ███ ██ ██ ██   ██    ██    ██   ██       ██  ██  ██ ██   ██
██████  ███████        ██████  ███████  ██████  ██████  ██   ██ ███████   ███ ███  ██ ██████     ██    ██   ██       ██      ██ ██████
*/
@media ( min-width: $ds-global-width-md ) {
	.ds-p-md-0  {           padding: 0 !important; }
	.ds-pt-md-0 {       padding-top: 0 !important; }
	.ds-pr-md-0 {     padding-right: 0 !important; }
	.ds-pb-md-0 {    padding-bottom: 0 !important; }
	.ds-pl-md-0 {      padding-left: 0 !important; }

	.ds-p-md-1  {        padding: 10px !important; }
	.ds-pt-md-1 {    padding-top: 10px !important; }
	.ds-pr-md-1 {  padding-right: 10px !important; }
	.ds-pb-md-1 { padding-bottom: 10px !important; }
	.ds-pl-md-1 {   padding-left: 10px !important; }

	.ds-p-md-2  {        padding: 15px !important; }
	.ds-pt-md-2 {    padding-top: 15px !important; }
	.ds-pr-md-2 {  padding-right: 15px !important; }
	.ds-pb-md-2 { padding-bottom: 15px !important; }
	.ds-pl-md-2 {   padding-left: 15px !important; }

	.ds-p-md-3  {        padding: 20px !important; }
	.ds-pt-md-3 {    padding-top: 20px !important; }
	.ds-pr-md-3 {  padding-right: 20px !important; }
	.ds-pb-md-3 { padding-bottom: 20px !important; }
	.ds-pl-md-3 {   padding-left: 20px !important; }

	.ds-p-md-4  {        padding: 25px !important; }
	.ds-pt-md-4 {    padding-top: 25px !important; }
	.ds-pr-md-4 {  padding-right: 25px !important; }
	.ds-pb-md-4 { padding-bottom: 25px !important; }
	.ds-pl-md-4 {   padding-left: 25px !important; }

	.ds-p-md-5  {        padding: 30px !important; }
	.ds-pt-md-5 {    padding-top: 30px !important; }
	.ds-pr-md-5 {  padding-right: 30px !important; }
	.ds-pb-md-5 { padding-bottom: 30px !important; }
	.ds-pl-md-5 {   padding-left: 30px !important; }

	.ds-m-md-0  {            margin: 0 !important; }
	.ds-mt-md-0 {        margin-top: 0 !important; }
	.ds-mr-md-0 {      margin-right: 0 !important; }
	.ds-mb-md-0 {     margin-bottom: 0 !important; }
	.ds-ml-md-0 {       margin-left: 0 !important; }

	.ds-m-md-1  {         margin: 10px !important; }
	.ds-mt-md-1 {     margin-top: 10px !important; }
	.ds-mr-md-1 {   margin-right: 10px !important; }
	.ds-mb-md-1 {  margin-bottom: 10px !important; }
	.ds-ml-md-1 {    margin-left: 10px !important; }

	.ds-m-md-2  {         margin: 15px !important; }
	.ds-mt-md-2 {     margin-top: 15px !important; }
	.ds-mr-md-2 {   margin-right: 15px !important; }
	.ds-mb-md-2 {  margin-bottom: 15px !important; }
	.ds-ml-md-2 {    margin-left: 15px !important; }

	.ds-m-md-3  {         margin: 20px !important; }
	.ds-mt-md-3 {     margin-top: 20px !important; }
	.ds-mr-md-3 {   margin-right: 20px !important; }
	.ds-mb-md-3 {  margin-bottom: 20px !important; }
	.ds-ml-md-3 {    margin-left: 20px !important; }

	.ds-m-md-4  {         margin: 25px !important; }
	.ds-mt-md-4 {     margin-top: 25px !important; }
	.ds-mr-md-4 {   margin-right: 25px !important; }
	.ds-mb-md-4 {  margin-bottom: 25px !important; }
	.ds-ml-md-4 {    margin-left: 25px !important; }

	.ds-m-md-5  {         margin: 30px !important; }
	.ds-mt-md-5 {     margin-top: 30px !important; }
	.ds-mr-md-5 {   margin-right: 30px !important; }
	.ds-mb-md-5 {  margin-bottom: 30px !important; }
	.ds-ml-md-5 {    margin-left: 30px !important; }

	.ds-mr-md-auto { margin-right: auto !important; }
	.ds-ml-md-auto {  margin-left: auto !important; }

	.ds-b-md-0 {        border: 0 !important; }
	.ds-md-b   {        border: 1px solid !important; }
	.ds-md-bt  {    border-top: 1px solid !important; }
	.ds-md-br  {  border-right: 1px solid !important; }
	.ds-md-bb  { border-bottom: 1px solid !important; }
	.ds-md-bl  {   border-left: 1px solid !important; }

	.ds-text-md-left   {   text-align: left !important; }
	.ds-text-md-center { text-align: center !important; }
	.ds-text-md-right  {  text-align: right !important; }

	.ds-float-md-left  {  float: left !important; }
	.ds-float-md-right { float: right !important; }
	.ds-float-md-none  {  float: none !important; }

	.ds-d-md-inline-block { display: inline-block !important; }
	.ds-d-md-inline-flex  { display: inline-flex !important; }
	.ds-d-md-table        { display: table !important; }
	.ds-d-md-block        { display: block !important; }
	.ds-d-md-flex         { display: flex !important; }
	.ds-d-md-none         { display: none !important; }

	.ds-flex-align-md-center { align-items: center !important; }
	.ds-flex-align-md-start  { align-items: flex-start !important; }
	.ds-flex-align-md-end    { align-items: flex-end !important; }

	.ds-justify-content-md-center { justify-content: center !important; }
	.ds-justify-content-md-start  { justify-content: flex-start !important; }
	.ds-justify-content-md-end    { justify-content: flex-end !important; }
	.ds-justify-content-md-between { justify-content: space-between !important; }
}


/*
██████  ███████        ██████  ██       ██████  ██████   █████  ██       ██     ██ ██ ██████  ████████ ██   ██       ██       ██████
██   ██ ██            ██       ██      ██    ██ ██   ██ ██   ██ ██       ██     ██ ██ ██   ██    ██    ██   ██       ██      ██
██   ██ ███████ █████ ██   ███ ██      ██    ██ ██████  ███████ ██ █████ ██  █  ██ ██ ██   ██    ██    ███████ █████ ██      ██   ███
██   ██      ██       ██    ██ ██      ██    ██ ██   ██ ██   ██ ██       ██ ███ ██ ██ ██   ██    ██    ██   ██       ██      ██    ██
██████  ███████        ██████  ███████  ██████  ██████  ██   ██ ███████   ███ ███  ██ ██████     ██    ██   ██       ███████  ██████
*/
@media ( min-width: $ds-global-width-lg ) {
	.ds-p-lg-0  {           padding: 0 !important; }
	.ds-pt-lg-0 {       padding-top: 0 !important; }
	.ds-pr-lg-0 {     padding-right: 0 !important; }
	.ds-pb-lg-0 {    padding-bottom: 0 !important; }
	.ds-pl-lg-0 {      padding-left: 0 !important; }

	.ds-p-lg-1  {        padding: 10px !important; }
	.ds-pt-lg-1 {    padding-top: 10px !important; }
	.ds-pr-lg-1 {  padding-right: 10px !important; }
	.ds-pb-lg-1 { padding-bottom: 10px !important; }
	.ds-pl-lg-1 {   padding-left: 10px !important; }

	.ds-p-lg-2  {        padding: 15px !important; }
	.ds-pt-lg-2 {    padding-top: 15px !important; }
	.ds-pr-lg-2 {  padding-right: 15px !important; }
	.ds-pb-lg-2 { padding-bottom: 15px !important; }
	.ds-pl-lg-2 {   padding-left: 15px !important; }

	.ds-p-lg-3  {        padding: 20px !important; }
	.ds-pt-lg-3 {    padding-top: 20px !important; }
	.ds-pr-lg-3 {  padding-right: 20px !important; }
	.ds-pb-lg-3 { padding-bottom: 20px !important; }
	.ds-pl-lg-3 {   padding-left: 20px !important; }

	.ds-p-lg-4  {        padding: 25px !important; }
	.ds-pt-lg-4 {    padding-top: 25px !important; }
	.ds-pr-lg-4 {  padding-right: 25px !important; }
	.ds-pb-lg-4 { padding-bottom: 25px !important; }
	.ds-pl-lg-4 {   padding-left: 25px !important; }

	.ds-p-lg-5  {        padding: 30px !important; }
	.ds-pt-lg-5 {    padding-top: 30px !important; }
	.ds-pr-lg-5 {  padding-right: 30px !important; }
	.ds-pb-lg-5 { padding-bottom: 30px !important; }
	.ds-pl-lg-5 {   padding-left: 30px !important; }

	.ds-m-lg-0  {            margin: 0 !important; }
	.ds-mt-lg-0 {        margin-top: 0 !important; }
	.ds-mr-lg-0 {      margin-right: 0 !important; }
	.ds-mb-lg-0 {     margin-bottom: 0 !important; }
	.ds-ml-lg-0 {       margin-left: 0 !important; }

	.ds-m-lg-1  {         margin: 10px !important; }
	.ds-mt-lg-1 {     margin-top: 10px !important; }
	.ds-mr-lg-1 {   margin-right: 10px !important; }
	.ds-mb-lg-1 {  margin-bottom: 10px !important; }
	.ds-ml-lg-1 {    margin-left: 10px !important; }

	.ds-m-lg-2  {         margin: 15px !important; }
	.ds-mt-lg-2 {     margin-top: 15px !important; }
	.ds-mr-lg-2 {   margin-right: 15px !important; }
	.ds-mb-lg-2 {  margin-bottom: 15px !important; }
	.ds-ml-lg-2 {    margin-left: 15px !important; }

	.ds-m-lg-3  {         margin: 20px !important; }
	.ds-mt-lg-3 {     margin-top: 20px !important; }
	.ds-mr-lg-3 {   margin-right: 20px !important; }
	.ds-mb-lg-3 {  margin-bottom: 20px !important; }
	.ds-ml-lg-3 {    margin-left: 20px !important; }

	.ds-m-lg-4  {         margin: 25px !important; }
	.ds-mt-lg-4 {     margin-top: 25px !important; }
	.ds-mr-lg-4 {   margin-right: 25px !important; }
	.ds-mb-lg-4 {  margin-bottom: 25px !important; }
	.ds-ml-lg-4 {    margin-left: 25px !important; }

	.ds-m-lg-5  {         margin: 30px !important; }
	.ds-mt-lg-5 {     margin-top: 30px !important; }
	.ds-mr-lg-5 {   margin-right: 30px !important; }
	.ds-mb-lg-5 {  margin-bottom: 30px !important; }
	.ds-ml-lg-5 {    margin-left: 30px !important; }

	.ds-mr-lg-auto { margin-right: auto !important; }
	.ds-ml-lg-auto {  margin-left: auto !important; }

	.ds-b-lg-0 {        border: 0 !important; }
	.ds-lg-b   {        border: 1px solid !important; }
	.ds-lg-bt  {    border-top: 1px solid !important; }
	.ds-lg-br  {  border-right: 1px solid !important; }
	.ds-lg-bb  { border-bottom: 1px solid !important; }
	.ds-lg-bl  {   border-left: 1px solid !important; }

	.ds-text-lg-left   {   text-align: left !important; }
	.ds-text-lg-center { text-align: center !important; }
	.ds-text-lg-right  {  text-align: right !important; }

	.ds-float-lg-left  {  float: left !important; }
	.ds-float-lg-right { float: right !important; }
	.ds-float-lg-none  {  float: none !important; }

	.ds-d-lg-inline-block { display: inline-block !important; }
	.ds-d-lg-inline-flex  { display: inline-flex !important; }
	.ds-d-lg-table        { display: table !important; }
	.ds-d-lg-block        { display: block !important; }
	.ds-d-lg-flex         { display: flex !important; }
	.ds-d-lg-none         { display: none !important; }

	.ds-flex-align-lg-center { align-items: center !important; }
	.ds-flex-align-lg-start  { align-items: flex-start !important; }
	.ds-flex-align-lg-end    { align-items: flex-end !important; }

	.ds-justify-content-lg-center { justify-content: center !important; }
	.ds-justify-content-lg-start  { justify-content: flex-start !important; }
	.ds-justify-content-lg-end    { justify-content: flex-end !important; }
	.ds-justify-content-lg-between { justify-content: space-between !important; }
}


/*
██████  ███████        ██████  ██       ██████  ██████   █████  ██       ██     ██ ██ ██████  ████████ ██   ██      ██   ██ ██
██   ██ ██            ██       ██      ██    ██ ██   ██ ██   ██ ██       ██     ██ ██ ██   ██    ██    ██   ██       ██ ██  ██
██   ██ ███████ █████ ██   ███ ██      ██    ██ ██████  ███████ ██ █████ ██  █  ██ ██ ██   ██    ██    ███████ █████  ███   ██
██   ██      ██       ██    ██ ██      ██    ██ ██   ██ ██   ██ ██       ██ ███ ██ ██ ██   ██    ██    ██   ██       ██ ██  ██
██████  ███████        ██████  ███████  ██████  ██████  ██   ██ ███████   ███ ███  ██ ██████     ██    ██   ██      ██   ██ ███████
*/
@media ( min-width: $ds-global-width-xl ) {
	.ds-p-xl-0  {           padding: 0 !important; }
	.ds-pt-xl-0 {       padding-top: 0 !important; }
	.ds-pr-xl-0 {     padding-right: 0 !important; }
	.ds-pb-xl-0 {    padding-bottom: 0 !important; }
	.ds-pl-xl-0 {      padding-left: 0 !important; }

	.ds-p-xl-1  {        padding: 10px !important; }
	.ds-pt-xl-1 {    padding-top: 10px !important; }
	.ds-pr-xl-1 {  padding-right: 10px !important; }
	.ds-pb-xl-1 { padding-bottom: 10px !important; }
	.ds-pl-xl-1 {   padding-left: 10px !important; }

	.ds-p-xl-2  {        padding: 15px !important; }
	.ds-pt-xl-2 {    padding-top: 15px !important; }
	.ds-pr-xl-2 {  padding-right: 15px !important; }
	.ds-pb-xl-2 { padding-bottom: 15px !important; }
	.ds-pl-xl-2 {   padding-left: 15px !important; }

	.ds-p-xl-3  {        padding: 20px !important; }
	.ds-pt-xl-3 {    padding-top: 20px !important; }
	.ds-pr-xl-3 {  padding-right: 20px !important; }
	.ds-pb-xl-3 { padding-bottom: 20px !important; }
	.ds-pl-xl-3 {   padding-left: 20px !important; }

	.ds-p-xl-4  {        padding: 25px !important; }
	.ds-pt-xl-4 {    padding-top: 25px !important; }
	.ds-pr-xl-4 {  padding-right: 25px !important; }
	.ds-pb-xl-4 { padding-bottom: 25px !important; }
	.ds-pl-xl-4 {   padding-left: 25px !important; }

	.ds-p-xl-5  {        padding: 30px !important; }
	.ds-pt-xl-5 {    padding-top: 30px !important; }
	.ds-pr-xl-5 {  padding-right: 30px !important; }
	.ds-pb-xl-5 { padding-bottom: 30px !important; }
	.ds-pl-xl-5 {   padding-left: 30px !important; }

	.ds-m-xl-0  {            margin: 0 !important; }
	.ds-mt-xl-0 {        margin-top: 0 !important; }
	.ds-mr-xl-0 {      margin-right: 0 !important; }
	.ds-mb-xl-0 {     margin-bottom: 0 !important; }
	.ds-ml-xl-0 {       margin-left: 0 !important; }

	.ds-m-xl-1  {         margin: 10px !important; }
	.ds-mt-xl-1 {     margin-top: 10px !important; }
	.ds-mr-xl-1 {   margin-right: 10px !important; }
	.ds-mb-xl-1 {  margin-bottom: 10px !important; }
	.ds-ml-xl-1 {    margin-left: 10px !important; }

	.ds-m-xl-2  {         margin: 15px !important; }
	.ds-mt-xl-2 {     margin-top: 15px !important; }
	.ds-mr-xl-2 {   margin-right: 15px !important; }
	.ds-mb-xl-2 {  margin-bottom: 15px !important; }
	.ds-ml-xl-2 {    margin-left: 15px !important; }

	.ds-m-xl-3  {         margin: 20px !important; }
	.ds-mt-xl-3 {     margin-top: 20px !important; }
	.ds-mr-xl-3 {   margin-right: 20px !important; }
	.ds-mb-xl-3 {  margin-bottom: 20px !important; }
	.ds-ml-xl-3 {    margin-left: 20px !important; }

	.ds-m-xl-4  {         margin: 25px !important; }
	.ds-mt-xl-4 {     margin-top: 25px !important; }
	.ds-mr-xl-4 {   margin-right: 25px !important; }
	.ds-mb-xl-4 {  margin-bottom: 25px !important; }
	.ds-ml-xl-4 {    margin-left: 25px !important; }

	.ds-m-xl-5  {         margin: 30px !important; }
	.ds-mt-xl-5 {     margin-top: 30px !important; }
	.ds-mr-xl-5 {   margin-right: 30px !important; }
	.ds-mb-xl-5 {  margin-bottom: 30px !important; }
	.ds-ml-xl-5 {    margin-left: 30px !important; }

	.ds-mr-xl-auto { margin-right: auto !important; }
	.ds-ml-xl-auto {  margin-left: auto !important; }

	.ds-b-xl-0 {        border: 0 !important; }
	.ds-xl-b   {        border: 1px solid !important; }
	.ds-xl-bt  {    border-top: 1px solid !important; }
	.ds-xl-br  {  border-right: 1px solid !important; }
	.ds-xl-bb  { border-bottom: 1px solid !important; }
	.ds-xl-bl  {   border-left: 1px solid !important; }

	.ds-text-xl-left   {   text-align: left !important; }
	.ds-text-xl-center { text-align: center !important; }
	.ds-text-xl-right  {  text-align: right !important; }

	.ds-float-xl-left  {  float: left !important; }
	.ds-float-xl-right { float: right !important; }
	.ds-float-xl-none  {  float: none !important; }

	.ds-d-xl-inline-block { display: inline-block !important; }
	.ds-d-xl-inline-flex  { display: inline-flex !important; }
	.ds-d-xl-table        { display: table !important; }
	.ds-d-xl-block        { display: block !important; }
	.ds-d-xl-flex         { display: flex !important; }
	.ds-d-xl-none         { display: none !important; }

	.ds-flex-align-xl-center { align-items: center !important; }
	.ds-flex-align-xl-start  { align-items: flex-start !important; }
	.ds-flex-align-xl-end    { align-items: flex-end !important; }

	.ds-justify-content-xl-center { justify-content: center !important; }
	.ds-justify-content-xl-start  { justify-content: flex-start !important; }
	.ds-justify-content-xl-end    { justify-content: flex-end !important; }
	.ds-justify-content-xl-between { justify-content: space-between !important; }
}


/*
██████  ███████        ██████  ██       ██████  ██████   █████  ██       ██     ██ ██ ██████  ████████ ██   ██      ██   ██ ██   ██ ██
██   ██ ██            ██       ██      ██    ██ ██   ██ ██   ██ ██       ██     ██ ██ ██   ██    ██    ██   ██       ██ ██   ██ ██  ██
██   ██ ███████ █████ ██   ███ ██      ██    ██ ██████  ███████ ██ █████ ██  █  ██ ██ ██   ██    ██    ███████ █████  ███     ███   ██
██   ██      ██       ██    ██ ██      ██    ██ ██   ██ ██   ██ ██       ██ ███ ██ ██ ██   ██    ██    ██   ██       ██ ██   ██ ██  ██
██████  ███████        ██████  ███████  ██████  ██████  ██   ██ ███████   ███ ███  ██ ██████     ██    ██   ██      ██   ██ ██   ██ ███████
*/
@media ( min-width: $ds-global-width-xxl ) {
	.ds-p-xxl-0  {           padding: 0 !important; }
	.ds-pt-xxl-0 {       padding-top: 0 !important; }
	.ds-pr-xxl-0 {     padding-right: 0 !important; }
	.ds-pb-xxl-0 {    padding-bottom: 0 !important; }
	.ds-pl-xxl-0 {      padding-left: 0 !important; }

	.ds-p-xxl-1  {        padding: 10px !important; }
	.ds-pt-xxl-1 {    padding-top: 10px !important; }
	.ds-pr-xxl-1 {  padding-right: 10px !important; }
	.ds-pb-xxl-1 { padding-bottom: 10px !important; }
	.ds-pl-xxl-1 {   padding-left: 10px !important; }

	.ds-p-xxl-2  {        padding: 15px !important; }
	.ds-pt-xxl-2 {    padding-top: 15px !important; }
	.ds-pr-xxl-2 {  padding-right: 15px !important; }
	.ds-pb-xxl-2 { padding-bottom: 15px !important; }
	.ds-pl-xxl-2 {   padding-left: 15px !important; }

	.ds-p-xxl-3  {        padding: 20px !important; }
	.ds-pt-xxl-3 {    padding-top: 20px !important; }
	.ds-pr-xxl-3 {  padding-right: 20px !important; }
	.ds-pb-xxl-3 { padding-bottom: 20px !important; }
	.ds-pl-xxl-3 {   padding-left: 20px !important; }

	.ds-p-xxl-4  {        padding: 25px !important; }
	.ds-pt-xxl-4 {    padding-top: 25px !important; }
	.ds-pr-xxl-4 {  padding-right: 25px !important; }
	.ds-pb-xxl-4 { padding-bottom: 25px !important; }
	.ds-pl-xxl-4 {   padding-left: 25px !important; }

	.ds-p-xxl-5  {        padding: 30px !important; }
	.ds-pt-xxl-5 {    padding-top: 30px !important; }
	.ds-pr-xxl-5 {  padding-right: 30px !important; }
	.ds-pb-xxl-5 { padding-bottom: 30px !important; }
	.ds-pl-xxl-5 {   padding-left: 30px !important; }

	.ds-m-xxl-0  {            margin: 0 !important; }
	.ds-mt-xxl-0 {        margin-top: 0 !important; }
	.ds-mr-xxl-0 {      margin-right: 0 !important; }
	.ds-mb-xxl-0 {     margin-bottom: 0 !important; }
	.ds-ml-xxl-0 {       margin-left: 0 !important; }

	.ds-m-xxl-1  {         margin: 10px !important; }
	.ds-mt-xxl-1 {     margin-top: 10px !important; }
	.ds-mr-xxl-1 {   margin-right: 10px !important; }
	.ds-mb-xxl-1 {  margin-bottom: 10px !important; }
	.ds-ml-xxl-1 {    margin-left: 10px !important; }

	.ds-m-xxl-2  {         margin: 15px !important; }
	.ds-mt-xxl-2 {     margin-top: 15px !important; }
	.ds-mr-xxl-2 {   margin-right: 15px !important; }
	.ds-mb-xxl-2 {  margin-bottom: 15px !important; }
	.ds-ml-xxl-2 {    margin-left: 15px !important; }

	.ds-m-xxl-3  {         margin: 20px !important; }
	.ds-mt-xxl-3 {     margin-top: 20px !important; }
	.ds-mr-xxl-3 {   margin-right: 20px !important; }
	.ds-mb-xxl-3 {  margin-bottom: 20px !important; }
	.ds-ml-xxl-3 {    margin-left: 20px !important; }

	.ds-m-xxl-4  {         margin: 25px !important; }
	.ds-mt-xxl-4 {     margin-top: 25px !important; }
	.ds-mr-xxl-4 {   margin-right: 25px !important; }
	.ds-mb-xxl-4 {  margin-bottom: 25px !important; }
	.ds-ml-xxl-4 {    margin-left: 25px !important; }

	.ds-m-xxl-5  {         margin: 30px !important; }
	.ds-mt-xxl-5 {     margin-top: 30px !important; }
	.ds-mr-xxl-5 {   margin-right: 30px !important; }
	.ds-mb-xxl-5 {  margin-bottom: 30px !important; }
	.ds-ml-xxl-5 {    margin-left: 30px !important; }

	.ds-mr-xxl-auto { margin-right: auto !important; }
	.ds-ml-xxl-auto {  margin-left: auto !important; }

	.ds-b-xxl-0 {        border: 0 !important; }
	.ds-xxl-b   {        border: 1px solid !important; }
	.ds-xxl-bt  {    border-top: 1px solid !important; }
	.ds-xxl-br  {  border-right: 1px solid !important; }
	.ds-xxl-bb  { border-bottom: 1px solid !important; }
	.ds-xxl-bl  {   border-left: 1px solid !important; }

	.ds-text-xxl-left   {   text-align: left !important; }
	.ds-text-xxl-center { text-align: center !important; }
	.ds-text-xxl-right  {  text-align: right !important; }

	.ds-float-xxl-left  {  float: left !important; }
	.ds-float-xxl-right { float: right !important; }
	.ds-float-xxl-none  {  float: none !important; }

	.ds-d-xxl-inline-block { display: inline-block !important; }
	.ds-d-xxl-inline-flex  { display: inline-flex !important; }
	.ds-d-xxl-table        { display: table !important; }
	.ds-d-xxl-block        { display: block !important; }
	.ds-d-xxl-flex         { display: flex !important; }
	.ds-d-xxl-none         { display: none !important; }

	.ds-flex-align-xxl-center { align-items: center !important; }
	.ds-flex-align-xxl-start  { align-items: flex-start !important; }
	.ds-flex-align-xxl-end    { align-items: flex-end !important; }

	.ds-justify-content-xxl-center { justify-content: center !important; }
	.ds-justify-content-xxl-start  { justify-content: flex-start !important; }
	.ds-justify-content-xxl-end    { justify-content: flex-end !important; }
	.ds-justify-content-xxl-between { justify-content: space-between !important; }
}