/*
// ----------------------------------------------
// Usage example:
// For IE set $mq-support to false.
// Set the fixed value.
// Then use mixins to test whether styles should be applied.
// ----------------------------------------------

$mq-support: false;
$mq-fixed-value: 1024;

// Renders at fixed value
@include bp (min-width, 300px) {  div { color:#000; }
}

// Doesn't render without MQ support
@include bp (min-width, 1200px) {  div { color:#FFF; }
}

// Doesn't render without MQ support
@include bp (max-width, 300px) {  div { color:#444; }
}

// Renders at fixed value
@include bp (max-width, 1200px) {  div { color:#888; }
}

// ----------------------------------------------
*/
.cms-index-index .main-container { padding: 0; max-width: none; }
.cms-index-index .col1-layout .col-main { margin-bottom: 0; }
.cms-index-index .wrapper { padding-top: 0; }

.home-container { position: relative; max-width: 1320px; margin: 0 auto; padding: 0 15px; }
@media only screen and (min-width: 480px) { .home-container { padding: 0 30px; } }

@media only screen and (min-width: 769px) { .main-banner .home-container { padding: 0 80px; } }
@media only screen and (min-width: 1299px) { .main-banner .home-container { padding: 0 30px; } }
.main-banner .main-banner-slide { width: 100%; height: 707px; position: relative; background-repeat: no-repeat; background-position: 50% 50%; }
.main-banner .main-banner-slide .home-container { position: initial; }
.main-banner .main-banner-slide .text { max-width: 750px; padding: 0 20px; width: 90%; top: 50%; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
@media only screen and (min-width: 769px) { .main-banner .main-banner-slide .text { padding: 15% 15px 0 0; width: auto; } }
.main-banner .main-banner-slide .text a:hover { text-decoration: none; }
.main-banner .main-banner-slide .text h2 { font: bold 40px/1 "Dosis", "Helvetica Neue", Arial, Verdana, sans-serif; text-transform: none; color: #FFFFFF; margin: 0; text-shadow: 3px 3px 0px #6a4231; display: block; }
@media only screen and (min-width: 769px) { .main-banner .main-banner-slide .text h2 { font-size: 82px; } }
.main-banner .main-banner-slide .text h2 em { display: block; font: 300 18px/1 "Dosis", "Helvetica Neue", Arial, Verdana, sans-serif; letter-spacing: 6px; text-shadow: 1px 1px 0px #6a4231; text-transform: uppercase; margin: 0 0 15px; }
@media only screen and (min-width: 769px) { .main-banner .main-banner-slide .text h2 em { font-size: 32px; } }
.main-banner .main-banner-slide .text hr { border: none; height: 7px; background: #ea6a45; margin: 20px 0 15px; }
.main-banner .main-banner-slide .text p { color: #FFFFFF; font: 16px/1 "Varela Round", Arial, Verdana, sans-serif; margin: 0 0 40px; }
@media only screen and (min-width: 769px) { .main-banner .main-banner-slide .text p { font-size: 24px;color: #150958; font-weight: bold; } }
.main-banner .main-banner-slide .text .button { background: #242021; padding: 17px 50px; border-radius: 4px; font: 14px/1 "Varela Round", Arial, Verdana, sans-serif; }
@media only screen and (min-width: 769px) { .main-banner .main-banner-slide .text .button { font-size: 20px; } }
.main-banner .cycle-prev, .main-banner .cycle-next {  height: 40px; width: 20px; background: #FFFFFF; top: 50%; z-index: 200; text-align: center; border-radius: 4px; cursor: pointer; color: #bfbfbf; filter: alpha(opacity=80); opacity: 0.8; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
@media only screen and (min-width: 769px) { .main-banner .cycle-prev, .main-banner .cycle-next { height: 60px; width: 40px; } }
.main-banner .cycle-prev span, .main-banner .cycle-next span { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.main-banner .cycle-prev span:before, .main-banner .cycle-next span:before { content: ''; position: absolute; font: 16px/40px "FontAwesome"; top: 0; left: 0; right: 0; bottom: 0; }
@media only screen and (min-width: 769px) { .main-banner .cycle-prev span:before, .main-banner .cycle-next span:before { font: 20px/60px "FontAwesome"; } }
.main-banner .cycle-prev { left: 5px; }
@media only screen and (min-width: 769px) { .main-banner .cycle-prev { left: 20px; } }
.main-banner .cycle-prev span:before { content: '\f053'; }
.main-banner .cycle-next { right: 5px; }
@media only screen and (min-width: 769px) { .main-banner .cycle-next { right: 20px; } }
.main-banner .cycle-next span:before { content: '\f054'; }

.home-page .text-callouts { padding: 26px 0; text-align: center; }
.home-page .text-callouts ul { font-size: 0; }
.home-page .text-callouts li { width: 100%; position: relative; display: inline-block; vertical-align: middle; padding: 35px 0 0; font: bold 17px/20px "Varela Round", Arial, Verdana, sans-serif; color: #19334f; letter-spacing: .4em; text-transform: uppercase; /*
		@include bp(max-width, $bp-large) {
			margin-left: 2%;
			padding-left: 2%;
			letter-spacing: .125em;
		}
		@include bp(max-width, $bp-medium) {
			display: block;
			margin-left: 0;
			margin-top: 10px;
			padding-left: 0;
			border: none;
			letter-spacing: .2em;
		}
*/ }
@media only screen and (min-width: 769px) { .home-page .text-callouts li { width: 29.65%; margin: 0 0 0 5.4%; padding: 0 0 0 5.4%; } }
.home-page .text-callouts li:before { content: ''; background: url("../images/diamond.jpg") no-repeat center center; height: 10px; width: 20px; position: absolute; top: 10px; left: 50%; margin: 0 0 0 -10px; }
@media only screen and (min-width: 769px) { .home-page .text-callouts li:before { left: -10px; top: 50%; margin: -5px 0 0; } }
.home-page .text-callouts li:first-child { padding: 0; }
@media only screen and (min-width: 769px) { .home-page .text-callouts li:first-child { margin: 0; } }
.home-page .text-callouts li:first-child:before { display: none; }

.small-banners { margin: 0 auto; }
.small-banners:after { content: ''; display: table; clear: both; }
.small-banners .static-banners { float: left; width: 50%; }
@media only screen and (max-width: 1099px) { .small-banners .static-banners { float: none; width: auto; } }
.small-banners .static-banners img { max-width: 100%; height: auto; }
.small-banners .static-banners a { position: relative; float: right; max-width: 750px; }
.small-banners .static-banners span { display: block; position: absolute; text-indent: -9999px; }
@media only screen and (max-width: 1099px) { .small-banners .static-banners .short-banner a, .small-banners .static-banners .tall-banner a { float: none; display: block; margin: 0 auto; } }
.small-banners .static-banners .short-banner:after, .small-banners .static-banners .tall-banner:after { content: ''; display: table; clear: both; }
@media only screen and (max-width: 549px) { .small-banners .static-banners .short-banner.red-carpet span { margin: -36px 0 0; width: 115px; height: 72px; background-size: 115px 144px; } }
@media only screen and (max-width: 549px) { .small-banners .static-banners .tall-banner.lookbook span { width: 159px; height: 119px; background-size: 159px 238px; } }
.small-banners .product-slider-wrapper { position: relative; float: right; width: 50%; background: #000; }
@media only screen and (max-width: 1099px) { .small-banners .product-slider-wrapper { float: none; width: auto; } }
.small-banners .product-slider { float: left; max-width: 750px; }
@media only screen and (max-width: 1099px) { .small-banners .product-slider { float: none; margin: 0 auto; } }
.small-banners .product-slider img { max-width: 100%; height: auto; }
.small-banners .product-slider .product-slide { position: relative; width: 100%; }
.small-banners .product-slider .product-slide .product-img { display: block; }
.small-banners .product-slider .product-slide .product-info { position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; padding: 14px 165px 12px 88px; background: rgba(0, 0, 0, 0.8); }
@media only screen and (max-width: 549px) { .small-banners .product-slider .product-slide .product-info { padding: 14px 56px 12px; } }
.small-banners .product-slider .product-slide .product-name { margin: 0; font: 24px/1.3 "Varela Round", Arial, Verdana, sans-serif; text-transform: none; color: #fff; }
@media only screen and (max-width: 549px) { .small-banners .product-slider .product-slide .product-name { font-size: 20px; } }
.small-banners .product-slider .product-slide .product-price { font: 13px/1.3 "Varela Round", Arial, Verdana, sans-serif; color: #FFFFFF; }
.small-banners .product-slider .product-slide a.button { position: absolute; top: 50%; right: 59px; margin: -16px 0 0; width: 82px; height: 32px; padding: 0; line-height: 32px; }
@media only screen and (max-width: 549px) { .small-banners .product-slider .product-slide a.button { display: none; } }
.small-banners .product-slider-arrows { position: absolute; left: 0; bottom: 0; width: 100%; max-width: 750px; }
@media only screen and (max-width: 1099px) { .small-banners .product-slider-arrows { position: relative; left: auto; top: auto; margin: 0 auto; } }
.small-banners .product-slider-arrows a { position: absolute; bottom: 22px; z-index: 100; display: block; width: 16px; height: 24px; background: url(../images/product-slider-arrows.png) no-repeat 0 0; cursor: pointer; }
.small-banners .product-slider-arrows .product-slider-prev-arrow { left: 20px; background-position: 0 0; }
.small-banners .product-slider-arrows .product-slider-prev-arrow:hover, .small-banners .product-slider-arrows .product-slider-prev-arrow:active { background-position: 100% 0; }
.small-banners .product-slider-arrows .product-slider-next-arrow { right: 20px; background-position: 0 100%; }
.small-banners .product-slider-arrows .product-slider-next-arrow:hover, .small-banners .product-slider-arrows .product-slider-next-arrow:active { background-position: 100% 100%; }

.featured-title { width: 100%; float: left; text-align: center;  }
.featured-title h3 { font: 22px "Varela Round", Arial, Verdana, sans-serif; }
.featured-title p { font: 15px "Varela Round", Arial, Verdana, sans-serif; }

.featured-categories { width: 100%; float: left; padding: 0 0 40px; }
.featured-categories:after { content: ''; display: table; clear: both; }
.featured-categories .featured-category { float: left; width: 100%; position: relative; padding: 30px 0 0; }
@media only screen and (min-width: 600px) { .featured-categories .featured-category { margin: 0 0 0 2.4%; width: 31.73%; } }
.featured-categories .featured-category:first-child { padding: 0; }
@media only screen and (min-width: 600px) { .featured-categories .featured-category:first-child { padding: 30px 0 0; margin-left: 0; } }
.featured-categories .featured-category hr { margin: 0 auto 7px; width: 90px; height: 2px; color: #000; background-color: #000; border: none; }
.featured-categories .featured-category h3 { color: #242021; margin: 0 0 18px; font: bold 28px/1 "Dosis", "Helvetica Neue", Arial, Verdana, sans-serif; text-align: center; }
.featured-categories .featured-category h3 a { position: relative; color: #000; text-decoration: none; }
.featured-categories .featured-category .category-thumb { display: block; }
.featured-categories .featured-category .category-thumb .feat-cat-image { width: 100%; float: left; position: relative; }
.featured-categories .featured-category .category-thumb .feat-cat-image img { margin: 0 auto; width: 100%; height: auto; display: block; }
.featured-categories .featured-category .category-thumb .category-caption { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px 50px 20px 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: rgba(0, 0, 0, 0.85); color: #FFFFFF; font: 14px/1 "Varela Round", Arial, Verdana, sans-serif; }
.featured-categories .featured-category .category-thumb .category-caption .arrow { position: absolute; font: 18px/3 "FontAwesome"; color: #ea6a45; right: 0; top: 0; bottom: 0; width: 50px; text-align: center; }
.featured-categories .featured-category .category-thumb .category-caption .arrow:before { content: '\f054'; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.featured-brands { width: 100%; float: left; padding: 50px 0; text-align: center; }
@media only screen and (min-width: 600px) { .featured-brands { padding: 98px 0 58px; } }
.featured-brands h3 { font-size: 32px; font-weight: 600; color: #0e0e0e; background: url("../images/title-stripe.jpg") repeat-x left center; }
.featured-brands h3 span { background: #FFFFFF; padding: 0 50px; }
.featured-brands ul { margin: 0 0 20px; font-size: 0; }
.featured-brands li { display: inline-block; margin: 0 1.85%; vertical-align: middle; width: 30%; }
@media only screen and (min-width: 600px) { .featured-brands li { width: 17%; } }
.featured-brands li:first-child { margin-left: 0; }
.featured-brands li:last-child { margin-right: 0; }
.featured-brands li img { margin: 0 auto; width: 100%; height: auto; display: block; }
.featured-brands a.button { border-radius: 4px; padding: 12px 25px; font-size: 17px; }

.shop-industry { background: #fff0e6; padding: 40px 0; text-align: center; width: 100%; float: left; }
.shop-industry h3 { font-size: 32px; font-weight: 600; color: #0e0e0e; }
.shop-industry .item { position: relative; width: 100%; }
@media only screen and (min-width: 599px) { .shop-industry .item { width: 16.6%; } }
@media only screen and (min-width: 770px) { .shop-industry .item { width: 16.7959%; } }
.shop-industry .item .ip-image { width: 100%; float: left; background: #000000; }
.shop-industry .item .ip-image img { width: 25%; height: auto; float: left; display: block; margin: 0 auto; }
@media only screen and (min-width: 599px) { .shop-industry .item .ip-image img { width: 100%; } }
.shop-industry .item .caption { font: 24px/1 "Varela Round", Arial, Verdana, sans-serif; color: #FFFFFF; width: 75%; float: left; text-align: center; position: absolute; left: 25%; right: 0; top: 50%; transform: translateY(-50%); }
@media only screen and (min-width: 599px) { .shop-industry .item .caption { width: 100%; left: 0; top: auto; bottom: 35px; transform: none; font-size: 13px; } }
@media only screen and (min-width: 770px) { .shop-industry .item .caption { font-size: 18px; } }
@media only screen and (min-width: 979px) { .shop-industry .item .caption { font-size: 24px; } }

.home-text { margin: 0 0 95px; font: 17px/1.3 "Varela Round", Arial, Verdana, sans-serif; text-align: center; }

.home-page .blog-posts { width: 100%; float: left; padding: 50px 0 62px; }
.home-page .blog-posts h2 { font: 600 32px/2 "Dosis", "Helvetica Neue", Arial, Verdana, sans-serif; color: #0e0e0e; background: url("../images/title-stripe.jpg") repeat-x left center; margin: 0 0 30px; }
.home-page .blog-posts h2 .heading-outer { display: block; margin: -16px 0 0; text-align: center; }
.home-page .blog-posts h2 .heading-inner { display: inline-block; background: #FFFFFF; padding: 0 50px; }
.home-page .blog-posts ul { margin: 0; list-style: none; }
.home-page .blog-posts ul:after { content: ''; display: table; clear: both; }
.home-page .blog-posts .blog-post { margin: 0 0 30px; }
.home-page .blog-posts .blog-post .blog-image { margin: 0 0 15px; }
.home-page .blog-posts .blog-post .blog-image img { max-width: 100%; height: auto; }
.home-page .blog-posts .blog-post .blog-post-content { padding: 0 12px; }
.home-page .blog-posts .blog-post .blog-post-content h3 { margin: 0 0 6px; font: 600 22px/1.3 "Dosis", "Helvetica Neue", Arial, Verdana, sans-serif; text-transform: none; }
.home-page .blog-posts .blog-post .blog-post-content h3 a { color: #000; text-decoration: none; }
.home-page .blog-posts .blog-post .blog-post-content p { margin: 0 0 25px; font: 15px/1.3 "Varela Round", Arial, Verdana, sans-serif; color: #000; }
.home-page .blog-posts .blog-post .blog-post-content .button { font-size: 12px; padding: 10px 30px; border-radius: 4px; }
@media only screen and (max-width: 479px) { .home-page .blog-posts h2 .heading-inner { padding: 0 30px; } }
@media (min-width: 480px) and (max-width: 770px) { .home-page .blog-posts .blog-post:after { content: ''; display: table; clear: both; }
  .home-page .blog-posts .blog-post .blog-image { float: left; width: 30%; margin: 0 2% 0 0; }
  .home-page .blog-posts .blog-post .blog-post-content { float: left; width: 68%; padding: 0; } }
@media only screen and (min-width: 771px) { .home-page .blog-posts .blog-post { float: left; margin: 0 1.7% 0 0; width: 32.2%; }
  .home-page .blog-posts .blog-post:nth-child(3n) { margin-right: 0; } }

.home-page .quote { height: 432px; width: 100%; float: left; padding: 140px 0 0; background: #000 url(../images/quote-bg.jpg) no-repeat top center; background-size: cover; }
.home-page .quote .quote-body { position: relative; margin: 0 auto; max-width: 850px; font: 37px/1.3 "Varela Round", Arial, Verdana, sans-serif; color: #fff; text-align: center; /*
&:before {
	content: '\201C';
	position: absolute;
	top: -15px;
	left: -40px;
	font: italic 100px/1 Georgia, Times, 'Times New Roman', serif;
	text-align: left;
	opacity: 0.5;
}
&:after {
	content: '\201D';
	position: absolute;
	bottom: -70px;
	right: -30px;
	font: italic 100px/1 Georgia, Times, 'Times New Roman', serif;
	text-align: left;
	opacity: 0.5;
}
*/ }
.home-page .quote .quote-author { margin: 44px auto 0; max-width: 850px; font: 500 38px/1 "Dosis", "Helvetica Neue", Arial, Verdana, sans-serif; text-transform: uppercase; color: #fff; text-align: center; }
@media only screen and (max-width: 979px) { .home-page .quote { padding: 120px 0 0; }
  .home-page .quote .quote-body { max-width: 600px; } }
@media only screen and (max-width: 770px) { .home-page .quote { height: 348px; padding: 100px 0 0; background-size: 1206px 348px; }
  .home-page .quote .quote-body { max-width: 420px; font-size: 26px; }
  .home-page .quote .quote-body:before, .home-page .quote .quote-body:after { font-size: 80px; }
  .home-page .quote .quote-body:before { top: -10px; }
  .home-page .quote .quote-body:after { bottom: -60px; }
  .home-page .quote .quote-author { font-size: 31px; } }
@media only screen and (max-width: 559px) { .home-page .quote { height: 260px; padding: 50px 0 0; background-size: 900px 260px; }
  .home-page .quote .quote-body { max-width: 240px; font-size: 20px; }
  .home-page .quote .quote-body:before, .home-page .quote .quote-body:after { font-size: 66px; }
  .home-page .quote .quote-body:before { left: -30px; }
  .home-page .quote .quote-body:after { right: -30px; bottom: -45px; }
  .home-page .quote .quote-author { margin-top: 25px; font-size: 25px; } }

/* =========================================================================== * Embroidery ========================================================================== */
.category-custom-uniforms .landing-category-image img { position: absolute; left: auto; right: 0; top: 0; z-index: 1; }
.category-custom-uniforms .landing-category-image .landing-category-title { right: auto; left: 56px; }
.category-custom-uniforms .landing-category-image .landing-category-title p { max-width: 270px; }
@media only screen and (max-width: 672px) { .category-custom-uniforms .landing-category-image .landing-category-title { right: 22px; left: 22px; } }
@media only screen and (max-width: 496px) { .category-custom-uniforms .landing-category-image .landing-category-title { right: 15px; left: 15px; } }
.category-custom-uniforms .category-landing-section h2 { font-weight: 600; letter-spacing: 1px; border-top: 2px #e4e4e4 solid; line-height: 0px; overflow: visible; margin-bottom: 0px; }
.category-custom-uniforms .category-landing-section h2 span { background: #fff; padding-right: 1em; line-height: 1em; top: -14px !important; position: relative; }
.category-custom-uniforms .category-landing-section h2 span strong { font-size: 1.3em; font-weight: 600; color: #ea6a45; }
.category-custom-uniforms .pricing-col { margin: 0 0 72px; }
.category-custom-uniforms .pricing-col ul { margin: 0 0 0 43px; }
.category-custom-uniforms .pricing-col ul li { margin: 0 0 20px; font: italic 16px/1.2 "Dosis", "Helvetica Neue", Arial, Verdana, sans-serif; color: #565656; }
.category-custom-uniforms .pricing-col ul li:before { content: ""; float: left; margin: 8px 0 0 -12px; width: 4px; height: 4px; background: #ea6a45; border-radius: 2px; }
.category-custom-uniforms .pricing-col p { margin: 0 0 20px; font: 16px/1.2 "Dosis", "Helvetica Neue", Arial, Verdana, sans-serif; color: #000; }
.category-custom-uniforms .pricing-col .category-landing-section h2 { margin-right: 49px; }
.category-custom-uniforms .pricing-col .category-landing-section { position: relative; }
.category-custom-uniforms .pricing-col .category-landing-section.collasped .category-landing-section-content { display: none; }
.category-custom-uniforms .pricing-col .expand-collaspe { position: absolute; top: 0px; right: 0; padding: 0 0 0 15px; background: #fff; }
.category-custom-uniforms .pricing-col .expand-collaspe a { display: block; width: 34px; height: 34px; text-indent: -9999px; background: url(../images/expand-buttons.png) no-repeat 0 -34px; overflow: hidden; margin-top: -15px; }
.category-custom-uniforms .pricing-col .expanded .expand-collaspe a { background-position: 0 -34px; }
.category-custom-uniforms .pricing-col .collasped .expand-collaspe a { background-position: 0 0; }
.category-custom-uniforms .embroidery-pricing { margin-bottom: 72px; }
.category-custom-uniforms .request-quote { margin: 0 0 74px; }
.category-custom-uniforms .request-quote p.intro { position: relative; margin: 42px 0 0; padding: 26px 10px 26px 145px; font: 17px/1.2 "Dosis", "Helvetica Neue", Arial, Verdana, sans-serif; color: #494949; border: 2px #ececec solid; border-bottom: none; }
.category-custom-uniforms .request-quote p.intro:before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 141px; height: 125px; background: url(../images/request-quote.png) no-repeat 0 0; }
.category-custom-uniforms .request-quote form { padding: 29px 0 0; border-top: 3px #ea6a45 solid; }
.category-custom-uniforms .request-quote form li.field:after { content: ''; display: table; clear: both; }
.category-custom-uniforms .request-quote form li.field label { font: 16px/1.2 "Dosis", "Helvetica Neue", Arial, Verdana, sans-serif; text-transform: uppercase; color: #424242; }
.category-custom-uniforms .request-quote form li.field label span { color: #8a8a8a; font-size: 14px; }
.category-custom-uniforms .request-quote form li.field .input-box { padding: 0; }
.category-custom-uniforms .request-quote form li.field .file-input-wrapper { display: block; min-height: 30px; max-width: 100%; width: 365px; padding: 3px 8px; border: 1px solid silver; border-radius: 2px; }
.category-custom-uniforms .request-quote form .buttons-set { margin: 12px 0 0; max-width: 557px; padding: 0; border: none; }
.category-custom-uniforms .request-quote form .buttons-set button { min-width: 75px; color: #fff; font: 11px "Varela Round", Arial, Verdana, sans-serif; background: #282828; }
.category-custom-uniforms .request-sample ul { margin: 0 0 0 43px; }
.category-custom-uniforms .request-sample ul li { margin: 0 0 20px; font: italic 16px/1.2 "Dosis", "Helvetica Neue", Arial, Verdana, sans-serif; color: #565656; }
.category-custom-uniforms .request-sample ul li strong { color: #1b5ba0; }
.category-custom-uniforms .request-sample ul li:before { content: ""; float: left; margin: 8px 0 0 -12px; width: 4px; height: 4px; background: #ea6a45; border-radius: 2px; }
.category-custom-uniforms .request-sample p { margin: 0 0 20px; font: 16px/1.2 "Dosis", "Helvetica Neue", Arial, Verdana, sans-serif; color: #000; }
@media only screen and (min-width: 480px) { .category-custom-uniforms .request-quote form li.field label { float: left; width: 180px; padding: 5px 0 0; text-align: right; }
  .category-custom-uniforms .request-quote form li.field .input-box { margin: 0 0 0 192px; } }
@media only screen and (min-width: 980px) { .category-custom-uniforms .pricing-col { float: left; margin: 0; width: 48%; }
  .category-custom-uniforms .request-col { float: right; width: 48%; } }
@media only screen and (min-width: 1200px) { .category-custom-uniforms .request-quote form li.field label { width: 228px; }
  .category-custom-uniforms .request-quote form li.field .input-box { margin: 0 0 0 240px; } }
.category-custom-uniforms .landing-category-image { position: relative; margin: 0 0 53px; height: 298px; overflow: hidden; }
.category-custom-uniforms .landing-category-image img { position: absolute; left: 0; top: 0; z-index: 1; }
.category-custom-uniforms .landing-category-image .landing-category-title { position: absolute; top: 47px; right: 56px; z-index: 2; width: 484px; height: 196px; padding: 39px 0 0; text-align: center; background: rgba(255, 255, 255, 0.87); }
.category-custom-uniforms .landing-category-image .landing-category-title h1 { margin: 0 0 5px; font: bold 57px/1em "Dosis", "Helvetica Neue", Arial, Verdana, sans-serif; letter-spacing: 0.1em; color: #282828; font-weight: 600; }
.category-custom-uniforms .landing-category-image .landing-category-title h1 span { display: block; margin: 0 0 -7px; font: 20px/1 "Varela Round", Arial, Verdana, sans-serif; text-transform: none; letter-spacing: 0; }
.category-custom-uniforms .landing-category-image .landing-category-title p { margin: 0 auto; max-width: 290px; font: 21px/1.2 "Varela Round", Arial, Verdana, sans-serif; letter-spacing: .05em; color: #ea6a45; margin-top: 20px; }
@media only screen and (max-width: 672px) { .category-custom-uniforms .landing-category-image { height: 240px; }
  .category-custom-uniforms .landing-category-image .landing-category-title { top: 22px; right: 22px; left: 22px; width: auto; } }
@media only screen and (max-width: 496px) { .category-custom-uniforms .landing-category-image { height: 180px; }
  .category-custom-uniforms .landing-category-image .landing-category-title { top: 15px; right: 15px; left: 15px; height: 150px; padding: 26px 0 0; }
  .category-custom-uniforms .landing-category-image .landing-category-title h1 { font-size: 33px; }
  .category-custom-uniforms .landing-category-image .landing-category-title p { font-size: 18px; } }

/* =========================================================================== * Subcategory List ========================================================================== */
.sl-wrapper .block-title { border-top: none; padding-top: 0; }

ul.subcategory-thumb-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: justify; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-flow: row wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; }
ul.subcategory-thumb-list li { text-align: center; display: inline-block; position: relative; margin-right: 0; margin-bottom: 1em; width: 150px; -ms-flex-basis: 150px; -webkit-flex-basis: 150px; flex-basis: 150px; }
ul.subcategory-thumb-list li.row-fill { margin-bottom: 0 !important; }
ul.subcategory-thumb-list img { width: 100%; margin: 0; display: block; }
ul.subcategory-thumb-list span { position: relative; width: 100%; text-align: center; display: block; background: #f5f5f5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
ul.subcategory-thumb-list a { display: block; position: relative; transition: bottom 0.5s, box-shadow 0.5s; bottom: 0; }

ul.subcategory-thumb-list.left-aligned { justify-content: flex-start; }
ul.subcategory-thumb-list.left-aligned li { margin-right: 1em; }

.col1-layout ul.subcategory-thumb-list li { width: 230px; -ms-flex-basis: 230px; -webkit-flex-basis: 230px; flex-basis: 230px; margin-bottom: 2em; }
.col1-layout ul.subcategory-thumb-list li span { font-size: 1.3em; line-height: 2.4em; }

@media only screen and (max-width: 780px) { .main ul.subcategory-thumb-list li { -ms-flex-basis: 31%; -webkit-flex-basis: 31%; flex-basis: 31%; margin-bottom: 6%; }
  .main ul.subcategory-thumb-list li span { font-size: 1em; line-height: 1.8em; }
  .main ul.subcategory-thumb-list.left-aligned { -ms-flex-pack: justify; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; }
  .main ul.subcategory-thumb-list.left-aligned li { margin-right: 0; -ms-flex-basis: 31%; -webkit-flex-basis: 31%; flex-basis: 31%; margin-bottom: 6%; } }
@media only screen and (min-width: 721px) { .no-ios ul.subcategory-thumb-list a:hover { bottom: 5px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3); } }
@media only screen and (max-width: 545px) { .main ul.subcategory-thumb-list li { -ms-flex-basis: 47%; -webkit-flex-basis: 47%; flex-basis: 47%; margin-bottom: 6%; }
  .main ul.subcategory-thumb-list.left-aligned li { -ms-flex-basis: 47%; -webkit-flex-basis: 47%; flex-basis: 47%; margin-bottom: 6%; } }
.category-content p { margin-bottom: 1em; }
.category-content ol, .category-content ul { margin-left: 2em; margin-bottom: 1em; }
.category-content ol { list-style-type: decimal; }
.category-content ul { list-style-type: square; }

/*# sourceMappingURL=theme.css.map */