.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: 10px !important; }
.font-size-11{ font-size: 11px !important; }
.font-size-12{ font-size: 12px !important; }
.font-size-13{ font-size: 13px !important; }
.font-size-14{ font-size: 14px !important; }
.font-size-15{ font-size: 15px !important; }
.font-size-16{ font-size: 16px !important; }
.font-size-17{ font-size: 17px !important; }
.font-size-18{ font-size: 18px !important; }
.font-size-19{ font-size: 19px !important; }
.font-size-20{ font-size: 20px !important; }
.font-size-21{ font-size: 21px !important; }
.font-size-22{ font-size: 22px !important; }
.font-size-23{ font-size: 23px !important; }
.font-size-24{ font-size: 24px !important; }
.font-size-25{ font-size: 25px !important; }
.font-size-26{ font-size: 26px !important; }
.font-size-27{ font-size: 27px !important; }
.font-size-28{ font-size: 28px !important; }
.font-size-29{ font-size: 29px !important; }
.font-size-30{ font-size: 30px !important; }
.font-size-35{ font-size: 35px !important; }
.font-size-40{ font-size: 40px !important; }
.font-size-45{ font-size: 45px !important; }
.font-size-50{ font-size: 50px !important; }
.font-size-55{ font-size: 55px !important; }
.font-size-60{ font-size: 60px !important; }

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

.margin-5{margin: 5px !important;}
.margin-top-5{margin-top: 5px !important;}
.margin-left-5{margin-left: 5px !important;}
.margin-right-5{margin-right: 5px !important;}
.margin-bottom-5{margin-bottom: 5px !important;}

.margin-10{margin: 10px !important;}
.margin-top-10{margin-top: 10px !important;}
.margin-left-10{margin-left: 10px !important;}
.margin-right-10{margin-right: 10px !important;}
.margin-bottom-10{margin-bottom: 10px !important;}

.margin-15{margin: 15px !important;}
.margin-top-15{margin-top: 15px !important;}
.margin-left-15{margin-left: 15px !important;}
.margin-right-15{margin-right: 15px !important;}
.margin-bottom-15{margin-bottom: 15px !important;}

.margin-20{margin: 20px !important;}
.margin-top-20{margin-top: 20px !important;}
.margin-left-20{margin-left: 20px !important;}
.margin-right-20{margin-right: 20px !important;}
.margin-bottom-20{margin-bottom: 20px !important;}

.margin-25{margin: 25px !important;}
.margin-top-25{margin-top: 25px !important;}
.margin-left-25{margin-left: 25px !important;}
.margin-right-25{margin-right: 25px !important;}
.margin-bottom-25{margin-bottom: 25px !important;}

.margin-30{margin: 30px !important;}
.margin-top-30{margin-top: 30px !important;}
.margin-left-30{margin-left: 30px !important;}
.margin-right-30{margin-right: 30px !important;}
.margin-bottom-30{margin-bottom: 30px !important;}

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

.padding-5{padding: 5px !important;}
.padding-top-5{padding-top: 5px !important;}
.padding-left-5{padding-left: 5px !important;}
.padding-right-5{padding-right: 5px !important;}
.padding-bottom-5{padding-bottom: 5px !important;}

.padding-10{padding: 10px !important;}
.padding-top-10{padding-top: 10px !important;}
.padding-left-10{padding-left: 10px !important;}
.padding-right-10{padding-right: 10px !important;}
.padding-bottom-10{padding-bottom: 10px !important;}

.padding-15{padding: 15px !important;}
.padding-top-15{padding-top: 15px !important;}
.padding-left-15{padding-left: 15px !important;}
.padding-right-15{padding-right: 15px !important;}
.padding-bottom-15{padding-bottom: 15px !important;}

.padding-20{padding: 20px !important;}
.padding-top-20{padding-top: 20px !important;}
.padding-left-20{padding-left: 20px !important;}
.padding-right-20{padding-right: 20px !important;}
.padding-bottom-20{ padding-bottom: 20px !important; }

.padding-25{ padding: 25px !important; }
.padding-top-25{ padding-top: 25px !important; }
.padding-left-25{ padding-left: 25px !important; }
.padding-right-25{ padding-right: 25px !important; }
.padding-bottom-25{ padding-bottom: 25px !important; }

.padding-30{ padding: 30px !important; }
.padding-top-30{ padding-top: 30px !important; }
.padding-left-30{ padding-left: 30px !important; }
.padding-right-30{ padding-right: 30px !important; }
.padding-bottom-30{ padding-bottom: 30px !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; }
	.text-center-xs{ text-align: center; }
	.text-right-xs{ text-align: right; }

	.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; }
	.text-center-xxs{ text-align: center; }
	.text-right-xxs{ text-align: right; }

	.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;}

	.hidden-xxs {display: none !important}
	.visible-xxs {display: block !important}
}