@import url('https://fonts.googleapis.com/css?family=Montserrat:300,600');
@import url('https://fonts.googleapis.com/css?family=Roboto:300');
html {
	min-height: 100%;
	position: relative;
	overflow-x:hidden;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
body { 
	font-size: 14px;
	position: relative;
	color: #636363; 
	font-family: 'Roboto', arial, sans-serif;
	font-weight: 300;
	overflow:hidden;
	line-height: 1.8;
}
.scope {
	position:absolute;
	left:300%;
}
.strtolower, .lowercase {
	text-transform: lowercase;
}
.ucfirst, .capitilize {
	text-transform: capitalize;
}
.allcaps, .strtoupper {
	text-transform: uppercase;
}
a {
    color: #1f5697;
    text-decoration: none;
}
a.underline {
	text-decoration:underline;
}
a.btn-primary, a.btn-primary:hover {
	color:#fff!important;
}
/* Fade effect */
.easy-fade {
	opacity: 1;
	height:auto;
	visibility: visible;
    -webkit-transition: all 1.1s;  
	-moz-transition: all 1.1s;  
	-o-transition: all 1.1s;  
	transition: all 1.1s;
}
.easy-fade.fade-out {
	opacity: 0;
	visibility: hidden;
	height: 0!important;
	min-height: 0px;
	padding: 0px;
	margin: 0px!important;
	overflow: hidden;
}
/* Mobile Pricing Table */
.mobile-pricing-table {
	background: #fafafa;
	padding: 20px;
	border: 1px solid #d9d9d9;
	color: #636363;
	text-shadow: none;
	border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.mobile-pricing-table .btn-red.btn-block {
	margin-top:2rem;
}
/*.mobile-pricing-table .td.col-4 {
    padding: 4px 15px;
    border-bottom: 1px solid rgba(200,200,200, .4);
}*/
.mobile-pricing-table .row.tr {
	border-bottom:1px solid #dedede;
}
.price-includes a {
	display:none;
}
/* Headers */
h1, h2, h3, h4 ,h5 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	line-height: 1.35;
	letter-spacing: .0115em;
}
h1.bold, h2.bold, h3.bold, h4.bold ,h5.bold {
	font-weight: 600;
}
h1 {
	line-height: 1.2;
	font-size:2rem;
}
/* Flexible fonts formula
 font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));
*/
p {
	font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300))); 
}
h1 {
	font-size: calc(28px + (40 - 32) * ((100vw - 300px) / (1600 - 300)));
}
h2 {
	font-size: calc(24px + (32 - 28) * ((100vw - 300px) / (1600 - 300)));
}
h3 {
	font-size: calc(22px + (28 - 24) * ((100vw - 300px) / (1600 - 300)));
}
h4 {
	font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));
}
h5 {
	font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1600 - 300)));
}
.clear {
	clear:both;
}
.original.container-fluid {
	padding:0px;
	margin:0px;
}
/* Navbar sitewide Header */
.top {
	background: #ececec;
	clear:both;
	display:block;
	border-bottom:1px solid rgba(0,0,0,.05);
	border-top: 5px solid rgb(33, 88, 151);
}
.navbar {
    position: relative;
    display: block;
	width:100%;
	min-height:68px;
	padding: .5rem 0rem;
}
.navbar-toggler-left {
    position: relative;
    float: left;
	left:0px;
	border:0px;
	width:54px;
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.65);
}
.navbar-light .navbar-toggler {
	border-color: transparent;
    padding-top: 8px;
    padding-left: 0;
    padding-right: 0;
    width: 38px;
}
.navbar-brand {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0,0,0);
    width: 300px;
	margin-top: 5px;
}
.navbar-brand img {
	max-width: 100%;
	-webkit-transform: translate3d(0, 0, 0);
}
.navbar-contact {
	float: right;
	padding: .25rem;
	max-width:180px;
}
.navbar-contact .phone {
	display:block;
}
.navbar-contact .email {
	color:#1f5697; 
	font-size: 15px
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0,0,0,.5);
}
.dropdown.show .dropdown-toggle.dark{
    color: rgba(0,0,0,.8);
	background-color: rgba(0,0,0,.15);
}
.navbar-toggleable-md .navbar-nav .dropdown-menu {
	background-color: #ececec;
	border: none;
	border-radius: 0px;
}
.dropdown-divider.with-title-below {
	margin-bottom:0px!important;
	background-color: #cdcdcd;
}
.dropdown-header {
	font-weight:bolder;
	background-color: rgba(0,0,0,.05);
	color: #215897;
}
.dropdown-item {
    font-size: .9em;
}	
.dropdown-item.active, .dropdown-item:active {
    background-color: #215897;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: rgba(0,0,0,.1);
}
small, .small {
	font-weight: 200;
}
a:focus, a:hover {
    color: #0275d8;
    text-decoration: none;
}
a.no-underline {
	text-decoration: none;
}
.top-sale-banner p {
    margin-bottom: .25rem;
}
/* banners */
.banner, .sub-banner {
	color: #fff;
	background-color: rgb(58,82,116);
	position: relative;
	width: 100%;
	box-shadow: inset 0 24px 25px -20px rgba(0,0,0,0.20);
}
.col-lg-auto {
	margin: auto;
}
.banner .container .row {
	min-height: 500px;
    width: 100%;
}
.bright-blue.banner .container .row,
.bright-blue.banner  {
	min-height: auto;
}
.strong {
	font-weight:600!important;
}
.sub-banner {
	padding: 30px 0;
	position: relative;
	width: 100%;
	color: #636363;
}
.sub-banner h1 {
	color:#343434;
}
.sub-banner.bleed {
	padding:0px;
	margin:0px;
}
.banner h2,.sub-banner h2 { 
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
}
.gallery h1, .bright-blue .link-arrowed, 
.bright-blue .link-arrowed .arrow-icon-circle,
.bright-blue .link-arrowed .arrow-icon-arrow {
	color: #fff!important;
    stroke: #fff;
}
.faq .sub-banner {
    background-color: rgb(237, 232, 236);
	background-size: contain;
	background-position:bottom right;
	background-repeat:no-repeat;
	background-image: url(https://img.lapelpinsexpress.com/artwork/c2b39736-09f7-11e5-af9b-3417ebdfde80-lapel-pins-express/fab0afbc-6bcf-11e7-87ad-0cc47acfe0a4-long-banner/34c67b5a-6bd0-11e7-b55a-0cc47acfe0a4-faq-sub-banner/main.png);
}
.contact .sub-banner {
	color: #636363;
    background-color: rgb(195, 210, 229);
	background-size: contain;
	background-position:bottom right;
	background-repeat:no-repeat;
	background-image: url(https://img.lapelpinsexpress.com/artwork/c2b39736-09f7-11e5-af9b-3417ebdfde80-lapel-pins-express/530dc6d0-6bd1-11e7-9dfe-0cc47acfe0a4-mobile-banner/69dbbb82-82a7-11e7-ba03-0cc47acfe0a4-contact-sub-banner-mobile/main.png);
}
.rush-pins .sub-banner {
	color: #636363;
    background-color: rgb(192, 197, 226);
	background-size: contain;
	background-position:bottom left;
	background-repeat:no-repeat;
	background-image: url(https://img.lapelpinsexpress.com/artwork/c2b39736-09f7-11e5-af9b-3417ebdfde80-lapel-pins-express/fab0afbc-6bcf-11e7-87ad-0cc47acfe0a4-long-banner/34c8f9c0-6bd0-11e7-a900-0cc47acfe0a4-rush-pins-sub-banner/main.png);
}
.lapel-pins-express-home .banner {
	background-color: rgb(58,82,116);
	background-image: url(https://img.lapelpinsexpress.com/artwork/c2b39736-09f7-11e5-af9b-3417ebdfde80-lapel-pins-express/fab0afbc-6bcf-11e7-87ad-0cc47acfe0a4-long-banner/34c2e0a8-6bd0-11e7-98e6-0cc47acfe0a4-lapel-pins-express-welcome-/main.png);
	background-position:0 0;
    background-repeat: no-repeat;
	padding: 0px 0px 40px 0px;
}
.lapel-pins-express-home .banner {
	background-color: rgb(58,82,116);
	background-position:0 0;
    background-repeat: no-repeat;
	padding: 0px 0px 40px 0px;
}
.blank-header {
	height:360px;
}
.grey {
	background: #f9f9f9;
}
.primary-bg {
	background-color: #215897;
	box-shadow:inset 0 24px 25px -20px rgba(0,0,0,0.20);
}
.top-inner-shadow {
	box-shadow:inset 0 24px 25px -20px rgba(0,0,0,0.20);
}
.light-border-bottom {
	border-bottom: 1px solid rgba(0,0,0,.05)
}
.dark-border-bottom {
	border-bottom: 1px solid rgba(0,0,0,.45)
}
.bright-blue {
	background-color: rgb(31, 86, 151);
}
.img-row .col-6 {
    float: left;
    text-align: center;
}
.z-index-text {
	z-index: 900;
}
.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem;
}
.bd-callout-warning {
    border-left-color: #f0ad4e;
	background-color: rgba(240, 173, 78, 0.1);
}
/* Buttons */
.btn-md {
	padding:3%;
	margin-right: 8px;
}
.btn-blue {
	background: #448ccb; 
	color:#fff; 
	border: 1px solid #226fb2;
}
.btn-red {
	background: #d30000;
	color: #fff;
	border: 1px solid #d30000;
}
a.btn-red {
	color:#fff;
}
.btn {
	font-family: 'Montserrat', sans-serif;
	text-shadow: none;
}
[class^="btn-"] {
	transition: all .3s;
}
.btn-outline-white {
	color:#fff!important;
	border:1px solid rgba(255,255,255, 1);
	background-color: rgba(255,255,255,0);
}
.btn-outline-white:hover {
	background-color: rgba(255,255,255,.2);
	border:1px solid rgba(255,255,255, .7)
}
.btn-outline-secondary {
	color:#636363;
	border: 1px solid #636363;
	background-color: rgba(3,0,0,.1);
}
.btn-outline-secondary:hover {
	color: #636363;
	border: 1px solid #636363;
	background-color: rgba(0,0,0,0);
}
.btn-outline {
	background: transparent; 
	border: 1px solid #448ccb;
}
.btn-blue:hover { background: #103159; color: #fff;}
.btn-red:hover { background: #730000; color: #fff;}
.btn-lg {
	padding: 1.5rem;
}
.red-title {
    font-size: 1.6em;
    font-weight: 700;
	color: #d30000;
}
.red-title-sm {
    font-size: 1em;
	color: #d30000;
}

/* hover circle fill effect 
----------------------------------------*/
.hover-circle i {
	padding-right: 12px;
    transition: all 0.5s ease;
}
.hover-circle:hover i, .hover-circle.active i {
	color: #fff!important;
}
.hover-circle {
	position: relative;
	font-size:14px;
}
.hover-circle:before {
	content: "";
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1);
    transition: all 0.5s ease;
    position: absolute;
    top: 33%;
    left: -8px;
    width: 40px;
    height: 40px;
    margin-top: -16px;
    margin-right: -16px;
    background-color: #4285f4;
    border-radius: 50%;
}
.hover-circle:before {
    transition-duration: .5s;
}
.hover-circle:hover:before, .hover-circle.active:before {
    opacity: 1;
    -webkit-transform: scalex(1);
    transform: scalex(1);
}

.blocktop:before {
    height: 1px;
    width: 280px;
	max-width:100%;
    background: #636363;
    content: "";
    display: block;
    margin: 10px 0;
}
.text-center.blocktop:before {
    margin: 10px auto;
}
.white-txt, h1.white-txt {
	color:#fff!important;
}
.grey-txt {
    color: #636363;
}
.red-txt {
	color:#d30000;
}
.white-txt.blocktop:before {
	background:#fff;
}
.card-footer a {
    color: #aaa;
}
.card > img.card-img-top {
	width: 100%!important;
}
.quotelink {
	color:#d30000;
}
.quotelink:hover {
	color: #d30000;
}
.orderlink:hover {
	color:#1f5697;
}
.pin-type {
	margin: 20px 0 40px 0;
	cursor: pointer;
}
.phone {
	color: #d30000;
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	line-height: 22px;
}
.nav-link {
	color: #1f5697;
	font-family: 'Montserrat', sans-serif;
}
a.nav-link.order-now, .order-now {
	background: #1f5697; 
	color: #fff!important;
	border-radius: 2px;
	margin-right: 15px;
}
a.nav-link.quote-btn, .quote-btn {
	background: #d30000; 
	color: #fff!important;
	border-radius: 2px;
	margin-left: 15px;
}
.mi-huge {
	font-size: 13em;
}
.t-shadow {
	text-shadow: 1px 3px 6px rgba(0,0,0,0.35);
}
.t-shadow-big {
	text-shadow: 4px 6px 20px rgba(0,0,0,0.47);
}
.b-shadow {
	-webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.12);
    -moz-box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.12);
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.12);
}
.nb-error {
  margin: 0 auto;
  text-align: center;
  max-width: 480px;
  padding: 60px 30px;
}

.nb-error .error-code {
  color: #2d353c;
  font-size: 96px;
  line-height: 100px;
}

.nb-error .error-desc {
  font-size: 12px;
  color: #647788;
}
.nb-error .input-group{
  margin: 30px 0;
}
/* Sections */
section, .shadow-from-bottom {
	padding: 3em 1em 2em 1em;
	position:relative;
}
section.bleed {
	padding: 0;
}
section#staff {
	background-color: rgb(195, 210, 229);
	background-image: url(https://img.lapelpinsexpress.com/artwork/c2b39736-09f7-11e5-af9b-3417ebdfde80-lapel-pins-express/fab0afbc-6bcf-11e7-87ad-0cc47acfe0a4-long-banner/7e440742-86b6-11e7-b0ac-0cc47acfe0a4-friendly-staff-custom-pins/main.jpg);
	background-position: center center;
    background-repeat: no-repeat;
	min-height: 480px;
    background-size: contain;
}
section#glitter {
	position: relative;
	padding-bottom: 50px;
}
.shadow-from-bottom:before,
section#popular:before, 
section#turnaround:before,
section#glitter:before {
	width: 100%;
	content: '';
	background: linear-gradient(0deg,rgba(05,05,05,.08),rgba(05,05,05,0));
	height: 27px;
	position: absolute;
	bottom: 0;
	left:0;
	z-index: 9999;
}
.content-block {
	padding: 3em 2em 2em 2em;
}
.inline{
	display:inline-block;
}
/* circle outlines added to ol using class ol-outline */
.ol-outline {
    list-style-position: outside;
    position: relative;
	font-weight: bold;
}
.ol-outline li:before {
    border-radius: 50%;
    behavior: url(PIE.htc);
    width: auto;
    height: auto;
    padding: 1em;
    border: 2px solid;
    content: '';
    position: absolute;
    left: 1em;
	margin-top: -3px;
}
.ol-outline li {
    padding-left: 1rem;
	margin-bottom:1.5rem;
}
.ol-outline h5 {
    margin-bottom: 0px;
}
.thin {
	font-weight: 300;
}
/*card tweaks */
.card {
	padding:0px;
	overflow:hidden;
}
/* list group tweak for Faqs */
.list-group-item {
	display:inline-block;
}
.list-group-item.active {
    z-index: 2;
    color: #fff;
	background-color: #215897;
    border-color: #215897;
}
.list-group-item h5 {
	padding-top: .7em;
    display: inline-flex;
    max-width: 90%;
    line-height: 1.8rem;
}
.list-group.hoverable li:hover {
	box-shadow:inset 0 0 0 99999px rgba(0,0,0,0.085);
}
.list-group-item i {
	font-size:3em;
}
/* Tab Simple Material Bootstrap Tweak w/responsive setup
-----------------------------------------------------*/
.responsive-tabs {
	overflow: hidden;
	width:100%;
}
.responsive-tabs ul.nav-tabs {
	list-style-type: disc;
	-webkit-margin-before: 0px!important;
	-webkit-margin-after: 0px!important;
	-webkit-padding-start: 0px!important;
}

.responsive-tabs .nav-tabs { 
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
}
.nav-item {
	list-style-type: none;
}
.responsive-tabs .nav-tabs::-webkit-scrollbar { 
    display: none; 
}
.responsive-tabs .nav-tabs:after {
	content: "";
	display: table;
	clear: both;
}
.responsive-tabs .nav-tabs::after {
	/* subtle gradient layer on top right - to indicate it's possible to scroll */
	position: absolute;
	top: 0;
	right: 0;
	height: 60px;
	width: 50px;
	z-index: 1;
	pointer-events: none;
	background: -webkit-linear-gradient( right , #fff, rgba(255, 255, 255, 0));
	background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}
.nav-tabs .nav-link {
	border: 0px solid transparent;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	border-width: 0;
}
.nav-tabs > li > a { 
	border: none; 
	color: #969696;
	position: relative; 
}
.nav-tabs > li > a:hover, .nav-tabs > li > a.active { 
	border: none; 
	color: #4285F4 !important; 
	background: transparent; 
}
.nav-tabs > li > a::after { 
	content: ""; 
	background: #4285F4; 
	height: 2px; 
	position: absolute; 
	width: 100%; 
	left: 0px; 
	bottom: 1px; 
	transition: all 250ms ease 0s; 
	transform: scale(0);
}
.nav-tabs > li:hover > a::after, .nav-tabs > li > a.active::after { 
	transform: scale(1); 
}
.tab-nav > li > a::after { 
	background: #21527d none repeat scroll 0% 0%; color: #fff;
}
.tab-pane { 
	padding: 15px 0;
}
.tab-pane.fade {
	-webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.tab-content{
	padding:20px;
}
#upgrade .tab-pane {
	min-height: 250px;
}
.tab-content>.tab-pane {
    display: none;
}
.tab-content>.active {
    display: block;
}

/*firefox remove overflow scrollbars */

.overflow-x-scroll-no-scrollbar {overflow:  -moz-scrollbars-none!important;overflow:hidden!important;}
.overflow-x-scroll-no-scrollbar div {
	overflow:  -moz-scrollbars-none!important;
	overflow-x:hidden!important;
	margin-bottom:-17px;
	overflow-y:hidden!important;
	width:100%;
}
.overflow-x-scroll-no-scrollbar div * {
	overflow:  -moz-scrollbars-none!important;
	overflow-x:auto;
	overflow-y: hidden!important;
	width:100%;
	padding-bottom:0px;
	white-space: nowrap; 
	cursor:pointer;
}


/* End of the basic responsive nav tabs
------------------------------------------------- */

/* Begin Material Style Animated Learn More Arrow */
.link-arrowed {
    display: inline-block;
    height: 29px;
    line-height: 29px;
	color:#0275d8;
}
.link-arrowed .arrow-icon {
    position: relative;
    top: -1px;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    vertical-align: middle;
}
.link-arrowed g[Attributes Style] {
    fill: none;
    stroke: rgb(33, 117, 255);
    stroke-width: 1.5;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}
.link-arrowed .arrow-icon-circle {
    transition: stroke-dashoffset .3s ease;
    stroke-dasharray: 95;
    stroke-dashoffset: 95;
}
section#about {
	min-height: 700px;
	background-image: url('https://img.lapelpinsexpress.com/artwork/c2b39736-09f7-11e5-af9b-3417ebdfde80-lapel-pins-express/6b658406-7ded-11e7-9e51-0cc47acfe0a4-misc/ec7795da-7e05-11e7-b82b-0cc47acfe0a4-history-image/main.jpg');
	background-size:cover;
	background-position: bottom center;
	position: relative;
}
.bg-gradient  {
	background: linear-gradient(0deg,rgba(05,05,05,0.65),rgba(05,05,05,1));
	position: absolute;
	width:100%;
	height:100%;
}
.inset-shadow {
	box-shadow: inset 0 24px 25px -20px rgba(0,0,0,0.20);
}
/* client images */
.walmart {
	min-width: 240px;
	padding-top: 10%;
}
.earwolf {
	padding-top: 10%;
}

.hto img {
	transition: all ease .3s;
}
.hto:hover img {
	opacity: 1;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(31,86,151,1);
	-moz-box-shadow: 0px 0px 15px 0px rgba(31,86,151,1);
	box-shadow: 0px 0px 15px 0px rgba(31,86,151,1);
}
.hto-footer h4 {
	color: #1f5697;
	margin-bottom: 0;
	margin-top: 10px;

}
.vertical-center {
	min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
	min-height: 100vh; /* These two lines are counted as one :-)       */
	display: flex;
	align-items: center;
}
/* Pin Sizes on Rush page with effects */
.pin-size-list {
	list-style-type: none;
}
.pin-size-list li {
	display: inline-block;
}
.pin-size-list li a img { 
	transition: all .2s ease-in-out;
}
.pin-size-list li a:hover img {
	transform: scale(1.1);
}
.expressman-rush {
	max-height: 420px;
}
a {
	transition: all ease .3s;
	font-weight: 400;
}
.blue-title {
	color: #215897;
}
.hide {display: none;}
.show {display: block;}
.animated {
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	transition: all .3s;
}
.quote-body-primary .card-title {
	margin-bottom: 0;
    text-overflow: ellipsis!important;
    max-width: 100%;
    overflow: hidden!important;
}
.order-quote-line-items-parent .order-quote-line-item-type-header {
    background: #eee;
    color: #555;
}
.order-quote-child-line-item-option {
    color: #215897;
    font-weight: 700;
}

/* Footer basic styles */

.sub-footer .col-8 img {
    display: inline-block;
    margin-bottom: .5rem;
    margin-top: .5rem;
}
.sub-footer .col-md-8 img {
	text-align:left;
	margin-bottom:1.5rem;
}
footer .container {
    padding: 0 3rem;
}
.col.bbb-logo {
    text-align: right;
}
footer {
	background: #ececec;
    padding: 60px 0 25px 0;
    color: #636363;

}
.footer {
	width: 100%;
}
footer .footer-link:before {
	height: 1px;
	width: 80px;
	background: #636363;
	content: "";
	display: block;
	margin: 10px 0;
}
footer a {
	color: #5a5a5a;
}
.sub-footer {
	width: 100%;
	content: "";
	display: block;
	margin: 10px 0;
}
footer h5 {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
}
.footer .expressman {
	padding-left:0px;
}
.footer .expressman img {
	position:relative;
	left:-2rem;
}
.expressman h4 {
	font-weight: 600;
    color: #d30000;
}
.expressman a {
	color:#0275d8;
}
.btn {
	border-radius: 2px;
}
li .material-icons {
	padding-right:10px;
}
i.material-icons.mi-large {
    font-size: 2.5em;
    float: left;
    padding-right: 12px;
}
.card:hover {
	box-shadow: 2px 8px 12px 2px rgba(0,0,0,0.15);
	-webkit-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.qtip-red{
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;

	background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442;

	font-size: 14px;
    line-height: 15px;
}

.svgHolder .ideaBulb {
    max-width: 160px;
}
.svgHolder .weDesign, .svgHolder .airShipping {
	max-height: 160px;
}

.btn.disabled, .btn:disabled, .form-control:disabled {
    cursor: default;
}
div[class^='animateme'], div[class*=' animateme'] {
	visibility: hidden;
	-webkit-transition: all 1.2s ease;
	-moz-transition: all 1.2s ease;
	-ms-transition: all 1.2s ease;
	-o-transition: all 1.2s ease;
	transition: all 1.2s ease;
}
div[class^='animated'], div[class*=' animated'] {
	visibility: visible;
	-webkit-transition: all 1.2s ease;
	-moz-transition: all 1.2s ease;
	-ms-transition: all 1.2s ease;
	-o-transition: all 1.2s ease;
	transition: all 1.2s ease;
}
img[class^='animateme'], img[class*=' animateme'] {
	visibility: hidden;
	-webkit-transition: all 1.2s ease;
	-moz-transition: all 1.2s ease;
	-ms-transition: all 1.2s ease;
	-o-transition: all 1.2s ease;
	transition: all 1.2s ease;
}
img[class^='animated'], img[class*=' animated'] {
	visibility: visible;
	-webkit-transition: all 1.2s ease;
	-moz-transition: all 1.2s ease;
	-ms-transition: all 1.2s ease;
	-o-transition: all 1.2s ease;
	transition: all 1.2s ease;
}
div[class^='animateme'], div[class*=' animateme'] {
	-webkit-animation-duration: 900ms;
	-webkit-animation-delay: 0;
	-webkit-animation-iteration-count: 1;
	-moz-animation-duration: 900ms;
	-moz-animation-delay: 0;
	-moz-animation-iteration-count: 1;
	-o-animation-duration: 900ms;
	-o-animation-delay: 0;
	-o-animation-iteration-count: 1;
}
.fancybox-enabled body {
    overflow: hidden!important;
    height: 100%;
}
a.nav-link.quote-btn, .quote-btn {
	margin-right: 15px;
}
.dropdown-toggle::after {
	margin-left: 5px!important;
    position: relative;
    top: 0px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #b3b3b3!important;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #b3b3b3!important;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #b3b3b3!important;
}
:-moz-placeholder { /* Firefox 18- */
	color: #b3b3b3!important;
} 
#staff .container .content-block {
    padding-top: 4em!important;
}
.navbar .navbar-toggler {
    position: absolute;
    top: 11px;
    right: 10px;
}
.container.select-start {
    width: unset!important;
}
.helen-quote-artwork-option {
	cursor: pointer;
	max-width: 420px;
	margin: 1rem;
}
.helen-quote-artwork-option img {
	padding: 1rem;
}
#upgrade {
	display:none;
}
.lapel-pins-express-home #upgrade {
	display: block;
}
.lanyards-express-home .banner {
    background-size: 60%;
    background-position: 0 -100px;
}
.patches-express-home .banner  {
	background-size: 60%;
	background-position: left center;
	}
.easy-fade.container.quote-body-additional {
	max-width:100%!important;
}

/* Daniel Media Query Work */

@media (min-width:768px) {
	/* Responsive Tabs Continued 
	--------------------------------------*/
	.responsive-tabs .nav-tabs-container {
		float: left;
		width: 35%;
		height: 100%;
		padding-top: 15%;
		border-bottom: 0px solid #DDD;
	}
	.tab-content {
		width: 65%;
		float:left;
		padding: 0px 0px 20px 20px;
	}
	.nav-tabs li {
		width: 100%;
		min-width:auto;
		text-align: right;
		padding-top: 20px;
	}
	.nav-tabs {
		border-bottom: 0px solid transparent;
	}
	/* Responsive Tab Ended for this size
	------------------------------------------------*/
	.grey-hover-images .container img {
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
		filter: gray; /* IE6-9 */
		-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
		opacity: 0.50;
		filter: alpha(opacity=50);
		transition: all .4s;
	}
	.grey-hover-images .container img:hover {
		filter: none;
		opacity: 1;
		-webkit-filter: grayscale(0%);
	}
	#popular .col-md-6 img, #turnaround .col-md-6 img  {
		position: absolute;
		bottom: 0px;
	}
	.lanyards-express-home #popular .col-md-6 img, #turnaround .col-md-6 img {
		position: absolute;
		bottom: 0px;
		right: -35%;
	}
	#popular, #turnaround {
		min-height: 330px;
	}
}
@media (min-width: 992px) {
	.sub-banner .content-block {
		padding-top:5rem;
	}
	.navbar-toggleable-md .navbar-nav .nav-link {
		padding: .35rem .5rem;
		font-size: .9em;
	}
	.navbar-brand {
		max-width: 280px;
	}
	.navbar-toggleable-md .navbar-collapse {
		width: 70%;
	}
	.card-columns {
		column-count: 4;
	}
	.home .products .col-lg-3 {
		flex: 0 0 24%;
		max-width: 24%;
	}
	/* Responsive Tabs Continued 
	--------------------------------------*/
	.responsive-tabs .nav-tabs-container {
		position: relative;
		top: 0;
		left: 0;
		height: 60px;
		overflow-x:scroll;
		box-shadow: inset -2px 0 3px rgba(203, 196, 130, 0.06);
		z-index: 1;
		border-bottom: 1px solid #DDD;
		padding-top: 0;
		clear:both;
		width: 100%;
	}
	.nav-tabs {
		width: 100%!important;
	}
	.nav-tabs li {
		display:inline-block;
		float:left;
		width:25%;
		min-width: 200px;
		text-align:center;
	}
	.tab-content {
		width: 100%;
		float:none;
		clear:both;
		padding: 0px 0px 20px 20px;
	}

	/* Responsive Tab Ended for this size
	------------------------------------------------*/
	#popular{
		padding-top: 6rem;
	}
	#turnaround  {
		padding-top: 120px;
	}
	#popular .content-block, #turnaround .content-block {
		padding-top: 1rem;
		padding-bottom: 5rem;
	}
	.link-arrowed:hover .arrow-icon {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}
	.link-arrowed:hover .arrow-icon-circle {
		stroke-dashoffset: 0;
	}
	.walmart {
		min-width: 240px;
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 100%;
		margin: auto;
	}
	.hover-circle.hc-lg {
		position: relative;
		font-size:85%;
		z-index: 2;
	}
	/* Responsive Tabs Continued 
	--------------------------------------*/
	.responsive-tabs .nav-tabs {
		position: relative;
		width:100%;
		float: none;
		background: transparent;
		box-shadow: none;
	}
	.responsive-tabs .nav-tabs li {
		display: inline-block;
		padding-top: 0px;
	}
	.responsive-tabs .nav-tabs a {
		position: relative;
		display: block;
		height: 60px;
		text-align: center;
		font-size: 16px;
		font-size: 0.9rem;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-weight: 400;
		padding-top: 28px;
	}
	.nav-tabs:after {
		display: none;
	}
	.tab-content {
		background: #ffffff;
	}
	.tab-content .tab-pane {
		display: none;
		padding: 2.4em 1.4em;
	}
	.tab-content .tab-pane.active {
		display: block;
		-webkit-animation: cd-fade-in 0.5s;
		-moz-animation: cd-fade-in 0.5s;
		animation: cd-fade-in 0.5s;
	}


	/* Responsive Tab Ended for this size
	------------------------------------------------*/
}
@media (min-width: 992px) and (max-width: 1300px) {
	.d-lg-weird-spot-none {
		display:none!important;
	}
}

@media (min-width: 1400px) {
	.navbar-toggleable-md .navbar-collapse {
		width: 58%;
		float: right;
		display: block!important;
	}
	.container {
		width: 1360px;
		max-width: 1360px;
	}
	.card-columns .card-body {
		min-height: 23vh;
	}
}
@media (min-width: 1600px) {
	.navbar-toggleable-md .navbar-nav .nav-link {
		padding: .35rem .5rem;
		font-size: 1em;
	}
	.container {
		width:1440px;
		max-width:1440px;
	}
}
@media (min-width: 1750px) {
	.card-columns {
		max-width: 1700px;
		margin: auto;
	}
}
@media (min-width: 1920px) {
	.container {
		width:1440px;
		max-width:1440px;
	}
	.card-columns {
		max-width: 1440px;
		margin: auto;
	}
}
@media (min-width: 991px)and (max-width: 1024px) {
	.container {
		width: 100%;
	}
}
/* Maxes */

@media (max-width: 1280px) {
	.home .banner {
		background-position: -9em 0;
	}
	.challenge-coins-express-home .banner {
		background-size: contain;
	}
}
@media (max-width: 1199px) {
	.container {
		width:100%;
		max-width:96%!important;
		}
	}
	.card-columns {
		column-count: 3;
	}
	.home .card-body {
		min-height: 28vh;
	}
	.home .banner .d-none.d-lg-block {
		display: none;
	}
	section#staff {
		background-size: cover;
		background-position-x: -160px;
	}
}
@media (max-width: 1100px) {
	section#staff {
		background-size: cover;
		background-position: -190px 0;
		min-height:initial;
	}
	.order-placed .page-container {
		padding-left:0px;
		padding-right:0px;
	}
}
@media (max-width: 1024px) {
	.home .banner {
		background-position: -9em 0;
	}
	.navbar-brand {
		width: 228px;
		margin-top: 2px;
		margin-left: 20px;
	}
	.navbar-toggleable-md .navbar-collapse {
		width: 72%;
	}
	a.nav-link.quote-btn, .quote-btn {
		margin-right:15px;
	}
}
@media (max-width: 991px) {
	.frequently-asked-questions .sub-banner {
		background-image: none!important;
	}
	.faq .sub-banner {
		background-image: none;
		background-color: #215897;
	}
	.sub-banner .content-block {
		margin: auto;
	}
	.sub-banner h1, .sub-banner, .sub-banner a, .sub-banner a .arrow-icon-arrow {
		color:#fff!important;
		stroke: #fff;
	}
	.sub-banner p {
		color:rgba(255,255,255,.45);
	}
	.home .banner,
	.contact .sub-banner,
	.faq .sub-banner, 
	.rush-pins .sub-banner, 
	.pin-gallery .sub-banner {
		background-image: none!important;
		background-color: #215897;
	}
	#popular .col-md-6 img {
		left: 40vw;
	}
	section#staff {
		background-image: none;
		background-color:#fff;
	}
	.navbar-toggleable-md .navbar-collapse {
		width: 68%;
	}
	a.nav-link.quote-btn {
		margin: 14px auto;
		display: inline-block;
		padding: 8px 45px;
	}
	a.nav-link.order-now {
		margin: 6px auto 10px;
		display: inline-block;
		padding: 8px 45px;
	}
	ul.navbar-nav.ml-auto {
		clear: both;
		width: 100%;
		text-align: center;
	}
	.navbar-toggleable-md .navbar-nav .dropdown-menu {
		text-align: center;
		background-color: #ececec;
		border: none;
	}
	section#popular {
		padding-top: 1.5rem;
	}
	.footer .center-md {
		text-align:center;
	}
	footer .footer-link:before {
		margin:14px auto;
	}
	#onpage-gallery {
		margin-bottom: 0px!important;
	}
	.simple-process .container {
		width:100%;
	}
}
@media (max-width: 900px) {
	.navbar-toggleable-md .navbar-collapse {
		width: 100%;
	}

}
@media (max-width: 767px) {
	h2 {
		font-size: 1.9em;
	}
	.container {
		width:100%;
	}
	.navbar {
		text-align: center;
	}
	.navbar-toggleable-md .navbar-collapse {
		width:100%;
		clear:both;
	}
	section {
		position: relative;
		clear:both;
	}
	.products .container {
		width:100%;
	}
	.card-columns {
		column-count: 2;
	}
	section#staff {
		padding:0px;
		background:#fff!important;
		text-align:center;
	}
	section#staff .blocktop:before {
		margin: 10px auto;
	}
	.walmart {
		padding-bottom:15%;
		padding-top:0;
	}
	.earwolf {
		max-width:280px;
	}
	.col-md-12.content-block {
		text-align: center;
		padding: 1.5em;
	}
	.contact .grey .content-block,
	.expressman {
		text-align: center;
	}
	.navbar-nav .nav-item {
		display: block;
		width: 100%;
	}
	.call-us-block .col-6.col-sm-6.col-md-4.col-xl-3:last-of-type {
		display:block;
	}
	#staff.row.staff.hidden-lg-up.mobile-banner {
		background: #c2d3e5;
	}
	.staff.mobile-banner img {
		position: relative;
		left: -25%;
	}

	/* Responsive Tabs Continued 
	--------------------------------------*/
	.responsive-tabs .nav-tabs {
		overflow-y: hidden;
		overflow-x: scroll;
		display: block;
		padding-bottom: 22px;
	}
	.nav-item {
		width: 25%;
		display: table-cell;
		min-width: 180px;
		text-align: center;
	}
	.responsive-tabs .nav-tabs::before {
		/* subtle gradient layer on top right - to indicate it's possible to scroll */
		position: absolute;
		content:"";
		top: 0;
		left: 0;
		height: 60px;
		width: 50px;
		z-index: 1;
		pointer-events: none;
		background: -webkit-linear-gradient( left , #fff, rgba(255, 255, 255, 0));
		background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
		visibility: visible;
		opacity: 1;
		-webkit-transition: opacity .3s 0s, visibility 0s 0s;
		-moz-transition: opacity .3s 0s, visibility 0s 0s;
		transition: opacity .3s 0s, visibility 0s 0s;
	}
	/* End Responsive Tabs fors this break size
		------------------------------------------*/
}
@media (min-width: 575px) and (max-width:991px) {
	.navbar-contact {
		position: absolute;
		right: 10px;
		padding: .25rem;
		text-align: right;
		top: 16px;
		max-width: 226px;
	}
	.collapsed .navbar-contact {
		position: fixed;

	}

}

@media (max-width: 574px) {
	.home .card-body {
		min-height: 20vh;
	}
	.navbar {
		min-height: 118px;
		margin: 10px auto;
		float: none!important;
	}
	.navbar-brand {
		width: 68vw;
	}
	.navbar-light .navbar-toggler {
		padding-top: 6px;
		width: 10vw;
		margin-right: 2vw;
	}
	.navbar-contact {
		padding: 8px;
		margin: auto;
		width: 100%;
		text-align: center;
    max-width: 100%;
	}
	.card-columns {
		column-count: 1;
	}
	.card {
		margin-bottom:20px;
	}
	#popular .col-md-6 img {
		margin-left: -24%;
	}
	section.products {
		padding:20px 0px;
	}
	.footer {
		text-align: center;
	}
	footer .footer-link:before {
		margin: 10px auto;
	}
	.footer .col-12.col-lg-3 {
		margin-bottom: 30px;
	}
	a[href^="mailto:"], a[href^="tel:"] {
		display: block;
	}
	.sub-footer .col-md-8 img, .bbb-logo {
		text-align: center;
		margin: .8rem auto;
	}
	.sub-footer .col-md-8 img, .text-right {
		text-align: center!important;
	}
	.call-us-block a.hover-circle {
		margin: 0rem auto;
		text-align: left;
	}
	section#about {
		min-height: 845px;
	}
	.mb-5 {
		margin-bottom: 1.25rem!important;
	}
	.responsive-tabs .tab-pane {
		text-align: center;
	}
	.call-us-block .col-6.col-sm-6.col-md-4.col-xl-3:last-of-type {
		display:block;
	}

	.faq section#upgrade {
		padding-top: 3em;
	}
	.card-footer .quotelink {
		font-size: 1.5em;
	}
	section#popular, section#turnaround, section#glitter {
		padding-bottom: 0px;
	}
	.banner .container .row {
		width: 100%;
		margin: 0px;
	}
	.specialties .banner .content-block,
	.presentation-options .banner .content-block,
	.plating-options .banner .content-block,
	.attachment-options .banner .content-block,
	.cardstock .banner .content-block {
		text-align: center;
		margin-top:15px!important;
	}
	.get-your-free-quote .banner .content-block {
		padding: 0px 20px 30px;
		text-align: center;
		margin-top: 10px!important;
	}
	.quote-additional-details table {
		font-size: .85em;
	}
	.all-quotes .table td, .quote-parent.row .table th {
		vertical-align: bottom;
	}
	.order-quote-child-line-item-option {
		display:block;
	}
	.all-quotes .table td.text-right, .quote-parent.row .table th.text-right {
		text-align:right!important;
	}
	.faq .grey.top-inner-shadow {
		padding-left: 0px;
		padding-right: 0px;
	}
	.staff.mobile-banner img {
		left: -80%;
	}
	footer .container {
		padding: 0 1rem 0 .75rem;
	}
	.footer .expressman {
		padding-left: 15px;
	}
	.proof-container, .shipping-container, .billing-container {
		padding: 0px;
	}

}
@media (max-width: 400px) {
	.navbar-brand {
		width: 65vw;
	}
	.home .banner h1 {
		text-align: center;
		/*		font-size: 2em;*/
		line-height: 1.4em;
	}
	.home .banner h4 {
		text-align: center;
		font-size: 1.3em;
		line-height: 1.4em;
	}
	.home .banner h5 {
		font-size: 1.1em;
	}
	.home .banner h5 span {
		vertical-align: top;
	}
	.btn-red {
		font-size: 1em;
	}
	section {
		padding-bottom:1em;
	}
	section h2 {
		font-size: 1.6em;
	}
	section .staff .col-md-5.content-block {
		max-height: 200px;
	}
	section#popular:before {
		background: linear-gradient(0deg,rgba(05,05,05,.30),rgba(05,05,05,0));
	}
	.tab-content {
		padding: 4px;
	}
	.content-block {
		padding: 2em .75em;
	}
	.col-md-12.content-block {
		padding: .5em;
	}
	.sub-banner .content-block {
		padding: 2em 20px;
	}
	.quote-additional-details .col-sm-12 {
		padding:0px;
	}
	section, .original .shadow-from-bottom {
		padding:1em;
	}
	.mobile-pricing-table .td {
		padding: 8px 6px;
	}
}
@media (max-width: 370px) {
	.navbar-brand {
		width: 64vw;
		padding-left: 2vw;
	}
	.navbar-light .navbar-toggler {
		padding-top: 6px;
		width: 10vw;
		margin-right: 0vw;
	}
	.p-4.inline {
		padding: 14px 10px!important;
	}
	section#popular .col-md-6 img {
		margin-left: -30%;
	}
	.sub-banner h1.bold.white-txt.t-shadow {
		font-size: 24px;
	}
}

/* Very Specific Media Queries for iPad HD
-------------------------------------------------------------------*/
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) { 
	#popular .col-md-6 img {
		left: -10vw;
	}
	.faq .sub-banner::before {
		content:'';
		width:100%;
		height:100%;
		position: absolute;
		background: -moz-linear-gradient(left, rgba(237,232,236,1) 15%, rgba(237,232,236,0) 100%);
		background: -webkit-gradient(left top, right top, color-stop(15%, rgba(237,232,236,1)), color-stop(100%, rgba(237,232,236,0)));
		background: -webkit-linear-gradient(left, rgba(237,232,236,1) 15%, rgba(237,232,236,0) 100%);
		background: -o-linear-gradient(left, rgba(237,232,236,1) 15%, rgba(237,232,236,0) 100%);
		background: -ms-linear-gradient(left, rgba(237,232,236,1) 15%, rgba(237,232,236,0) 100%);
		background: linear-gradient(to right, rgba(237,232,236,1) 15%, rgba(237,232,236,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ede8ec', endColorstr='#ede8ec', GradientType=1 );
	}

}

/* Very Specific Media Queries for iPad in landscape
-------------------------------------------------------------------*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 

	.call-us-block .p-4 {
		padding: 1.5rem 0.5rem!important;
	}
	#popular .col-md-6 img {
		left: -80px;
	}
	.faq .sub-banner::before {
		content:'';
		width:100%;
		height:100%;
		position: absolute;
		background: -moz-linear-gradient(left, rgba(237,232,236,1) 18%, rgba(237,232,236,0) 100%);
		background: -webkit-gradient(left top, right top, color-stop(18%, rgba(237,232,236,1)), color-stop(100%, rgba(237,232,236,0)));
		background: -webkit-linear-gradient(left, rgba(237,232,236,1) 18%, rgba(237,232,236,0) 100%);
		background: -o-linear-gradient(left, rgba(237,232,236,1) 18%, rgba(237,232,236,0) 100%);
		background: -ms-linear-gradient(left, rgba(237,232,236,1) 18%, rgba(237,232,236,0) 100%);
		background: linear-gradient(to right, rgba(237,232,236,1) 18%, rgba(237,232,236,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ede8ec', endColorstr='#ede8ec', GradientType=1 );
	}
	.sub-banner .content-block {
		padding-top: 3rem;
	}
	.gallery .sub-banner {
		background-position-x: -110px;
	}
	.call-us-block .col-6.col-sm-6.col-md-4.col-xl-3:last-of-type {
		display:none;
	}

}

/* Very Specific Media Queries for iPad in portrait
-------------------------------------------------------------------*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 

	.svgHolder .weDesign, .svgHolder .airShipping {
		max-height: 115px;
	}
	.svgHolder .ideaBulb {
		max-width: 116px;
	}
	.simple-process .red-title {
		font-size: 1.3em;
	}
	.home .card-body {
		min-height: 16vh;
	}
	.hp-banner-block {
		margin:auto;
	}
	#turnaround .col-md-6 img.delivery {
		left: -30px;
	}
	#other-custom-products .mt-5 {
		margin-top:0px!important;
	}
	.card-body {
		min-height: 18vh;
	}
	.card-columns {
		column-count: 2;
	}
	p.card-text {
		font-size:1em;
	}
	.ol-outline li:before {
		padding: .9em .95em;
	}
	.contact .grey .content-block {
		text-align: center;
	}
	.banner .container .row {
		width: 100%;
		margin: 0px;
	}
	.specialties .banner .content-block,
	.presentation-options .banner .content-block,
	.plating-options .banner .content-block,
	.attachment-options .banner .content-block,
	.cardstock .banner .content-block {
		text-align: center;
		margin-top:15px!important;
	}
	.mobile-pricing-table {
		margin-bottom: 40px;
	}
	.home #products {
		max-height: 1980px;
	}
}

.btn-primary {
    color: #fff;
    background-color: #215897;
    border-color: #215897;
}

/* make keyframes that tell the start state and the end state of our object */

@-webkit-keyframes fadeIt { from { opacity:0; opacity: 1\9; /* IE9 only */ } to { opacity:1; } }
@-moz-keyframes fadeIt { from { opacity:0; opacity: 1\9; /* IE9 only */ } to { opacity:1; } }
@keyframes fadeIt { from { opacity:0; opacity: 1\9; /* IE9 only */ } to { opacity:1; } }


.fade-in {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIt ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIt ease-in 1;
    animation:fadeIt ease-in 1;

    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:.8s;
    -moz-animation-duration:.8s;
    animation-duration:.8s;
}

.fade-in.one {
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.fade-in.two {
	-webkit-animation-delay: .85s;
	-moz-animation-delay:.85s;
	animation-delay: .85s;
}

.fade-in.three {
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.fade-in.four {
	-webkit-animation-delay: 1.6s;
	-moz-animation-delay: 1.6s;
	animation-delay: 1.6s;
}
.fade-in.five {
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	animation-delay: 2s;
}

/*
* Microsoft Edge Specific
--------------------------------------------------------------------------------
*/

@supports (-ms-ime-align:auto) {
	.ol-outline li::before {
		left:9px!important;
		margin-top:-3px!important;
	}
	.ol-outline h5.bold {
		float:left;
		padding-left:15px;
	}
	.ol-outline p.thin {
		clear:left;
		padding-left:15px;
	}

}
/*
* Internet Explorer Specific
All here and breakpoints below
--------------------------------------------------------------------------------
*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
	.ol-outline li::before {
		left:9px!important;
		margin-top:-3px!important;
	}
	.ol-outline h5.bold {
		float:left;
		padding-left:15px;
	}
	.ol-outline p.thin {
		clear:left;
		padding-left:15px;
	}
}


@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) and (min-width: 991px) {  
	section#products .card-columns {
		margin-bottom: -324px;
	}

}

.woven-patches p.white-txt.text-center.blocktop, 
.custom-embroidered-patch-options p.white-txt.text-center.blocktop, 
.custom-patch-pricing p.white-txt.text-center.blocktop, 
.custom-patch-edge-styles p.white-txt.text-center.blocktop, 
.custom-backings p.white-txt.text-center.blocktop, 
.threads-and-mesh-twill-colors p.white-txt.text-center.blocktop, 
.metallic-thread p.white-txt.text-center.blocktop { 
	display: none;
}

.helen>.card {
    border: 1px solid #dedede!important;
}