.color-facebook{ color: #3b5998; }
.color-twitter{ color: #1da1f2; }
.color-instagram{ color: #405de6; }
.color-googleplus{ color: #dd4b39; }
.color-youtube{ color: #cd201f; }
.color-pinterest{ color: #bd081c; }
.color-linkedin{ color: #0077b5; }

.bg-color-facebook{ color: #fff; background-color: #3b5998; }
.bg-color-twitter{ color: #fff; background-color: #1da1f2; }
.bg-color-instagram{ color: #fff; background-color: #405de6; }
.bg-color-googleplus{ color: #fff; background-color: #dd4b39; }
.bg-color-youtube{ color: #fff; background-color: #cd201f; }
.bg-color-pinterest{ color: #fff; background-color: #bd081c; }
.bg-color-linkedin{ color: #fff; background-color: #0077b5; }

.relative{ position: relative !important; }
.absolute{ position: absolute !important; }
.static{ position: static !important; }

.block{ display: block !important; }
.inline{ display: inline !important; }
.inline-block{ display: inline-block !important; }

.box-border{ border: 1px solid #ccc !important; }
.box-no-border{ border: none !important; }

.box-border-radius{ border-radius: 5px !important; }
.box-no-border-radius{ border-radius: 0 !important; }
.box-full-border-radius{ border-radius: 100% !important; }

.box-shadow{ box-shadow: 1px 1px 4px #333 !important; }
.box-no-shadow{ box-shadow: none !important; }

.text-shadow{ text-shadow: 1px 1px 1px #333 !important; }
.text-no-shadow{ text-shadow: none !important; }

.text-underline{ text-decoration: underline !important; }
.text-no-underline{ text-decoration: none !important; }

.text-single-line{ line-height: 1; }
.text-single-half-line{ line-height: 1.5; }
.text-double-line{ line-height: 2; }

.text-uppercase{ text-transform: uppercase; }
.text-lowercase{ text-transform: lowercase; }
.text-capitalize{ text-transform: capitalize; }

.text-narrow{ letter-spacing: -1px; }
.text-normal{ letter-spacing: 0px; }
.text-wide{ letter-spacing: 1px; }

.no-overflow{ overflow: hidden; }
.no-overflow-x{ overflow-x: hidden; }
.no-overflow-y{ overflow-y: hidden; }

.font-exlight{ font-weight: 200 !important; }
.font-light{ font-weight: 300 !important; }
.font-normal{ font-weight: normal !important; }
.font-medium{ font-weight: 500 !important; }
.font-semibold{ font-weight: 600 !important; }
.font-bold{ font-weight: bold !important; }
.font-exbold{ font-weight: 900 !important; }

.font-italic{ font-style: italic !important; }
.font-no-italic{ font-style: normal !important; }

.font-narrow{ letter-spacing: -1px !important; }
.font-wide{ letter-spacing: 1px !important; }

.font-size-10{ font-size: .625rem !important; }
.font-size-11{ font-size: .6875rem !important; }
.font-size-12{ font-size: .75rem !important; }
.font-size-13{ font-size: .8125rem !important; }
.font-size-14{ font-size: .875rem !important; }
.font-size-15{ font-size: .9375rem !important; }
.font-size-16{ font-size: 1rem !important; }
.font-size-17{ font-size: 1.063rem !important; }
.font-size-18{ font-size: 1.125rem !important; }
.font-size-19{ font-size: 1.188rem !important; }
.font-size-20{ font-size: 1.25rem !important; }
.font-size-21{ font-size: 1.313rem !important; }
.font-size-22{ font-size: 1.375rem !important; }
.font-size-23{ font-size: 1.438rem !important; }
.font-size-24{ font-size: 1.5rem !important; }
.font-size-25{ font-size: 1.563rem !important; }
.font-size-26{ font-size: 1.625rem !important; }
.font-size-27{ font-size: 1.688rem !important; }
.font-size-28{ font-size: 1.75rem !important; }
.font-size-29{ font-size: 1.813rem !important; }
.font-size-30{ font-size: 1.875rem !important; }
.font-size-32{ font-size: 2rem !important; }
.font-size-34{ font-size: 2.125rem !important; }
.font-size-36{ font-size: 2.25rem !important; }
.font-size-40{ font-size: 2.5rem !important; }
.font-size-45{ font-size: 2.813rem !important; }
.font-size-50{ font-size: 3.125rem !important; }
.font-size-55{ font-size: 3.438rem !important; }
.font-size-60{ font-size: 3.75rem !important; }


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


/* Desktop */
@media (min-width: 992px) and (max-width: 1199px) {
	.relative-md{ position: relative !important; }
	.absolute-md{ position: absolute !important; }
	.static-md{ position: static !important; }

	.block-md{ display: block !important; }
	.inline-md{ display: inline !important; }
	.inline-block-md{ display: inline-block !important; }

	.text-single-line-md{ line-height: 1; }
	.text-single-half-line-md{ line-height: 1.5; }
	.text-double-line-md{ line-height: 2; }

	.no-overflow-md{ overflow: hidden; }
	.no-overflow-x-md{ overflow-x: hidden; }
	.no-overflow-y-md{ overflow-y: hidden; }

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

	.no-padding-md{padding: 0 !important;}
	.no-padding-top-md{padding-top: 0 !important;}
	.no-padding-left-md{padding-left: 0 !important;}
	.no-padding-bottom-md{padding-bottom: 0 !important;}
	.no-padding-right-md{padding-right: 0 !important;}

	.no-margin-md{ margin: 0 !important; }
	.no-margin-top-md{margin-top: 0 !important;}
	.no-margin-left-md{margin-left: 0 !important;}
	.no-margin-bottom-md{margin-bottom: 0 !important;}
	.no-margin-right-md{margin-right: 0 !important;}

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

/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {
	.relative-sm{ position: relative !important; }
	.absolute-sm{ position: absolute !important; }
	.static-sm{ position: static !important; }

	.block-sm{ display: block !important; }
	.inline-sm{ display: inline !important; }
	.inline-block-sm{ display: inline-block !important; }

	.text-single-line-sm{ line-height: 1; }
	.text-single-half-line-sm{ line-height: 1.5; }
	.text-double-line-sm{ line-height: 2; }

	.no-overflow-sm{ overflow: hidden; }
	.no-overflow-x-sm{ overflow-x: hidden; }
	.no-overflow-y-sm{ overflow-y: hidden; }

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

	.no-padding-sm{padding: 0 !important;}
	.no-padding-top-sm{padding-top: 0 !important;}
	.no-padding-left-sm{padding-left: 0 !important;}
	.no-padding-bottom-sm{padding-bottom: 0 !important;}
	.no-padding-right-sm{padding-right: 0 !important;}

	.no-margin-sm{ margin: 0 !important; }
	.no-margin-top-sm{margin-top: 0 !important;}
	.no-margin-left-sm{margin-left: 0 !important;}
	.no-margin-bottom-sm{margin-bottom: 0 !important;}
	.no-margin-right-sm{margin-right: 0 !important;}

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

/* Mobile */
@media (max-width: 767px) {
	.relative-xs{ position: relative !important; }
	.absolute-xs{ position: absolute !important; }
	.static-xs{ position: static !important; }

	.block-xs{ display: block !important; }
	.inline-xs{ display: inline !important; }
	.inline-block-xs{ display: inline-block !important; }

	.text-single-line-xs{ line-height: 1; }
	.text-single-half-line-xs{ line-height: 1.5; }
	.text-double-line-xs{ line-height: 2; }

	.no-overflow-xs{ overflow: hidden; }
	.no-overflow-x-xs{ overflow-x: hidden; }
	.no-overflow-y-xs{ overflow-y: hidden; }

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

	.horizontal-scroll{ overflow-x: scroll; }

	.no-padding-xs{padding: 0 !important;}
	.no-padding-top-xs{padding-top: 0 !important;}
	.no-padding-left-xs{padding-left: 0 !important;}
	.no-padding-bottom-xs{padding-bottom: 0 !important;}
	.no-padding-right-xs{padding-right: 0 !important;}

	.no-margin-xs{ margin: 0 !important; }
	.no-margin-top-xs{margin-top: 0 !important;}
	.no-margin-left-xs{margin-left: 0 !important;}
	.no-margin-bottom-xs{margin-bottom: 0 !important;}
	.no-margin-right-xs{margin-right: 0 !important;}

	.no-pull-right-xs{float: none !important;}
	.no-pull-left-xs{float: none !important;}
}

@media (max-width: 539px) {
	.relative-xxs{ position: relative !important; }
	.absolute-xxs{ position: absolute !important; }
	.static-xxs{ position: static !important; }

	.block-xxs{ display: block !important; }
	.inline-xxs{ display: inline !important; }
	.inline-block-xxs{ display: inline-block !important; }

	.text-single-line-xxs{ line-height: 1; }
	.text-single-half-line-xxs{ line-height: 1.5; }
	.text-double-line-xxs{ line-height: 2; }

	.no-overflow-xxs{ overflow: hidden; }
	.no-overflow-x-xxs{ overflow-x: hidden; }
	.no-overflow-y-xxs{ overflow-y: hidden; }

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

	.horizontal-scroll{ overflow-x: scroll; }

	.no-padding-xxs{padding: 0 !important;}
	.no-padding-top-xxs{padding-top: 0 !important;}
	.no-padding-left-xxs{padding-left: 0 !important;}
	.no-padding-bottom-xxs{padding-bottom: 0 !important;}
	.no-padding-right-xxs{padding-right: 0 !important;}

	.no-margin-xxs{ margin: 0 !important; }
	.no-margin-top-xxs{margin-top: 0 !important;}
	.no-margin-left-xxs{margin-left: 0 !important;}
	.no-margin-bottom-xxs{margin-bottom: 0 !important;}
	.no-margin-right-xxs{margin-right: 0 !important;}

	.no-pull-right-xxs{float: none !important;}
	.no-pull-left-xxs{float: none !important;}
}