/* Minification failed. Returning unminified contents.
(228,144): run-time error CSS1035: Expected colon, found '.5s'
(228,162): run-time error CSS1035: Expected colon, found '.5s'
(759,43): run-time error CSS1034: Expected closing parenthesis, found '%'
(759,43): run-time error CSS1063: Expected calculation unit, found '%'
(759,43): run-time error CSS1064: Expected calculation product, found '%'
(759,43): run-time error CSS1065: Expected calculation sum, found '%'
(759,43): run-time error CSS1034: Expected closing parenthesis, found '%'
(759,43): run-time error CSS1042: Expected function, found '%'
(759,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%'
 */
/*#####################################################################
	CATEGORY LISTING
#####################################################################*/
#categoryListing{   background: #dbe4e9; }
#categoryListing.search { border-bottom: 5px solid #fff; }


#clChild { border-bottom: 1px solid #c9c3c8; position: relative; background: #fff; }
#clChild .head { font-size: 1.2em; line-height: 1em; }
#clChild .head span {  font-weight: bold; color: #69707d; }
#clChild .childCatCarousel { position: relative; }
#clChild .childCatCarousel .list { height: 148px; }


#clSidebar .snBlock { background: #fff; padding-bottom: 1rem; border-radius: 3px; overflow: hidden; }
#clSidebar .snBlock .t { background: #0a293b; padding: 0.25rem 0.75rem; color: #fff;  }
#clSidebar .snBlock ul { list-style-type: none; margin: 0; padding: 0; display: block; }
#clSidebar .snBlock ul li {  font-size: 0.9rem; }
#clSidebar .snBlock ul li strong { padding: 0.25rem 0; display: table; }
#clSidebar .snBlock ul li a { color: #0a293b; padding: 0.25rem 0; display: table; }
#clSidebar .snBlock ul li a i { font-size: 0.8em; margin-right: 5px; width: 10px; text-align: center; }
#clSidebar .snBlock ul li a.red { font-weight: bold; }
#clSidebar .snBlock ul.parent { margin: 0 0.75rem; }
#clSidebar .snBlock ul li.curent { margin-left: 30px; }
#clSidebar .snBlock ul.child { margin-left: 30px; }


#clHead h1 { font-size: 1.8em; line-height: 1em; }


#clProductList .filter { border-bottom: 1px dotted #69707d; font-size: 0.85rem; }
#clProductList .filter label { color: #69707d; }


/*#clGridView .product .title { min-height: 57px; }*/

#clGridView .product .wrap {  display: flex; flex-direction:column;}
#clGridView .product .bottom {  margin-top: auto;}

#hiDeals .product .wrap {  display: flex; flex-direction:column;}
#hiDeals .product .bottom {  margin-top: auto;}


#clText { background: #fff; }
#clText h2 { font-size: 1.3em; text-transform: capitalize;  bottom: 1.5rem 0; }
#clText h3 { font-size: 1.2em;  margin-bottom: 1rem; }
#clText p + h3 { margin-top: 0.5rem; }
#clText p + h2 { margin-top: 1rem; }
#clText ul { margin: 1rem 0; }
#clText ul li { font-size: 0.9em; }
#clText ul li + li { margin-top: 0.75rem;  }
#clText .minHeight { max-height: 280px; overflow: hidden; }

/*#####################################################################
	BROWSER RESIZE
#####################################################################*/
/* Small devices (landscape phones, 576px and up) - background: red; */
@media (min-width: 576px) {
    #clHead h1 { font-size: 2.2em; }
}

/* Medium devices (tablets, 768px and up) - background: blue; */
@media (min-width: 768px) {
	#clProductList .filter .found { margin-top: 0.5rem; }

	#clSidebar .snBlock { margin-right: 10%; }
}

/* Large devices (desktops, 992px and up) - background: yellow; */
@media (min-width: 992px) {
	#clChild .head { border-right: 1px solid #c9c3c8; font-size: 1.3em; position: relative; }
	#clChild .head .out { display: table; width: 90%; height: 100%; }
	#clChild .head .in { display: table-cell; vertical-align: middle; }
	#clChild .head span { display: block; font-size: 0.8em; }
	#clChild .head button { position: absolute; left: 0; bottom: 0; font-size: 0.7em; }
	#clChild .head button i { font-size: 0.8em; margin-right: 5px; }
	#clChild .childCatCarousel { padding-left: 5%; }

	#clMain .head { border-bottom: 1px dashed #c9c3c8; }
	#clMain .filter .row { margin-top: 1.25rem; }

	#clGridView .product .name { min-height: 48px; }

	
}

/* Extra large devices (large desktops, 1200px and up) - background: green; */
@media (min-width: 1200px) {
	#clGridView .product .name { min-height: 71px; }
}
/*#####################################################################
	FOOTER
#####################################################################*/
#masterFooter { background: #fefcf9; }
#masterFooter .row + .row { border-top: 1px solid #ddd1c1; }

#mfCta { background: #025b9f; color: #fff; font-size: 0.8em; }
#mfCta a { color: #fff; }
#mfCta .cta { display: flex; padding: 1em 0; }
#mfCta .cta + .cta { border-top: 1px solid #ccc; }
#mfCta .cta a { display: flex; }
#mfCta .cta .img svg { fill: #fff; height: 40px; width: 40px; margin-top: 0.5em; margin-bottom: 0.5em; }
#mfCta .cta .txt { padding-left: 1em; }
#mfCta .cta .txt .t { font-weight: bold; text-transform: uppercase; }
 
#masterFooter .mfMiddle { padding-left: 0; padding-right: 0; }
#masterFooter .mfMiddle .row { padding-left: 1rem; padding-right: 1rem; }

#mfEmail { padding: 1em 0; }
#mfEmail form input[type="email"] { font-size: 0.85em; padding: 1em; }
#mfEmail form .btn { padding: 0.25em 1em; font-size: 0.85em; text-transform: uppercase; border-radius: 0 3px 3px 0; }

#masterFooter .mfmLinks .l { font-size: 0.9em; padding: 2em 0; }
#masterFooter .mfmLinks .l .heading { font-size: 1.1em; margin-bottom: 0.5em; font-weight: bold; text-transform: uppercase; }
#masterFooter .mfmLinks .l > a { display: table; color: #000; margin-right: 1em; }
#masterFooter .mfmLinks .l > a + a { margin-top: 0.25em; }
#masterFooter .mfmLinks .l .apps a,
#masterFooter .mfmLinks .l .apps span { display: inline-block; }
#masterFooter .mfmLinks .l .apps i { display: block; width: 102px; height: 30px; background: url('/images/content/icons/app-stores.jpg') no-repeat; }
#masterFooter .mfmLinks .l .apps i.android { background-position: 0 center; }
#masterFooter .mfmLinks .l .apps i.apple { background-position: -110px center; }
#masterFooter .mfmLinks .l.podcast a { background: url('/images/content/icons/app-stores.jpg') no-repeat; height: 30px; }
#masterFooter .mfmLinks .l.podcast a.podcast-itunes { width: 130px; background-position-x: -222px; }
#masterFooter .mfmLinks .l.podcast a.podcast-google { width: 86px; background-position-x: -361px; }
#masterFooter .mfmLinks .l.podcast a.podcast-spotify { width: 86px; background-position-x: -456px; }
#masterFooter .mfmLinks .l.follow a { display: inline-block; margin-right: 0; background: #025b9f; color: #fff; padding: 5px 8px; border-radius: 50%; }
#masterFooter .mfmLinks .l.follow a + a { margin-left: 2%; }

#mfAddress { padding: 1em 0; }
#mfAddress .a { font-size: 0.9em; padding: 1em 0; }
#mfAddress .a strong { display: block; font-size: 1.1em; margin-bottom: 0.5em; }

#mfCopy { background: #025b9f; text-align: center; font-size: 0.8em; padding: 0.75em; color: #fff; }



.gdrp { background: rgba(0, 0, 0, 0.85); color: #fff; font-size: 0.9em; position: fixed; left: 0; bottom: 0; z-index: 100;
		transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%);
		transition: transform 1s; -webkit-transition: transform 1s; -moz-transition: transform 1s; -o-transition: transform 1s; }
.gdrp a { color: #fff; text-decoration: underline; }
.gdrp.active { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); }


.newsletterModal { display: none; }

/*#####################################################################
	BROWSER RESIZE
#####################################################################*/
/* Small devices (landscape phones, 576px and up) - background: red; */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) - background: blue; */
@media (min-width: 768px) {
	#mfCta .list { display: flex; padding-top: 1em; padding-bottom: 1em; }
	#mfCta .cta { flex-grow: 1; padding: 0 1em; }
	#mfCta .cta + .cta { border-top: none; border-left: 1px solid #ccc;  }

	#mfEmail .txt { margin-top: 0.25em; }
	#mfAddress { padding: 0; }
	#mfAddress .a { padding: 2em 1em 2em 0; }
	 
	#mfAddress .a + .a { margin-top: 0; border-left: 1px solid #ddd1c1; padding-left: 1em; }


	.gdrp { max-width: 400px; left: 5%; bottom: 2%; }

}

/* Large devices (desktops, 992px and up) - background: yellow; */
@media (min-width: 992px) {
	#mfAddress .a { padding-right: 2em; }
	#mfAddress .a + .a { padding-left: 2em; }

	#masterFooter .mfmLinks .l.podcast a { display: inline-block; margin-right: 0; }

	.newsletterModal { display: block; position: fixed; z-index: 200; right: 5%; bottom: 2%; width: 400px;
						transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%);
					   transition: transform 1s; -webkit-transition: transform 1s; -moz-transition: transform 1s; -o-transition: transform 1s; 	}
	.newsletterModal .image { text-align: center; position: absolute; width: 100%; top: -40px;  }
	.newsletterModal .image .icon { background: #025b9f; display: table; margin-left: auto; margin-right: auto;  text-align: center; padding: 0.5em; border-radius: 50%;}
	.newsletterModal .image .icon svg { height: 40px; width: 40px; fill: #fff; margin-left: 10px; }
	.newsletterModal .content { border: 1px solid #025b9f; background: #fff; text-align: center; padding: 1em; box-shadow: 0 0 20px rgba(0, 0, 0, 0.35); }
	.newsletterModal .content .t { font-weight: bold; }
	.newsletterModal .content p { font-size: 0.9em; }
	.newsletterModal .input-group input[type="email"] { font-size: 0.9em; padding: 0.5em 1em; }
	.newsletterModal .input-group .btn { font-size: 0.8em; text-transform: uppercase; padding: 0.25em 1em; border-radius: 0 3px 3px 0; }
	.newsletterModal .closeModal { font-size: 0.8em; color: #69707d; text-decoration: underline; cursor: pointer; display: table; margin-left: auto; margin-right: auto; }
	.newsletterModal .closeModal:hover { color: #025b9f; }
	.newsletterModal.show { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); }
}

/* Extra large devices (large desktops, 1200px and up) - background: green; */
@media (min-width: 1200px) {

}


/*#####################################################################
	MENU
#####################################################################*/
#mhmMenu .icon { text-align: center; color: #69707d; }
#mhmMenu .icon i { display: block; font-size: 1.5em; line-height: 1em; }
#mhmMenu .icon span { text-transform: uppercase; font-size: 0.6em; display: block; }

#mhMenu .megaMenu { display: none; }
#mhMenu .mainMenu { display: none; position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; }
#mhMenu .mainMenu .bg { position: fixed; width: 100%; height: 100%; left: 0; right: 0; background: rgba(0, 0, 0, 0.75); }
#mhMenu .mainMenu .btnsClose { position: fixed; top: 1rem; right: 1rem; z-index: 101; }
#mhMenu .mainMenu nav { position: fixed; left: 0; top: 0; z-index: 101; width: 75%; max-width: 350px; height: 100%; background: #fff;  overflow: hidden; overflow-y: scroll; }
#mhMenu .mainMenu nav ul { list-style-type: none; margin: 0; padding: 0; }
#mhMenu .mainMenu nav li + li { border-top: 1px dotted #c9c3c8; }
#mhMenu .mainMenu nav li.logo { background: #0a293b; text-align: center; }
#mhMenu .mainMenu nav li.logo img { height: 25px; }
#mhMenu .mainMenu nav li a { display: block; padding: 1rem; font-size: 0.9em; color: #0a293b; cursor: pointer; }
#mhMenu .mainMenu nav li a .arrow { display: none; }
#mhMenu .mainMenu nav li a.new { color: #b01a0d; font-weight: bold; }
#mhMenu .mainMenu nav li a.deals { background: #fdba3a; color: #0a293b; font-weight: bold; }
#mhMenu .mainMenu nav li a .i { margin-right: 5px; font-size: 0.8em; width:auto; } 
/* OPEN */
#mhMenu .mainMenu.mmShow { display: block; }
#mhMenu .mainMenu.mmShow .bg { animation: menuBg 0.5s; -webkit-animation: menuBg 0.5s; -moz-animation: menuBg 0.5s; -o-animation: menuBg 0.5s; }
#mhMenu .mainMenu.mmShow .btnsClose { animation: menuBtn 0.5s; -webkit-animation: menuBtn 0.5s; -moz-animation: menuBtn 0.5s; -o-animation: menuBtn 0.5s; }
#mhMenu .mainMenu.mmShow nav {  animation: menuCtn 1s; -webkit-animation: menuCtn 1s; -moz-animation: menuCtn 1s; -o-animation: menuCtn 1s; }
/* HIDE */
#mhMenu .mainMenu.mmHide { display: block; }
#mhMenu .mainMenu.mmHide .bg { animation: menuCloseBg 0.5s; -webkit-animation: menuCloseBg 0.5s; -moz-animation: menuCloseBg 0.5s; menuCloseBg 0.5s; menuCloseBg 0.5s; -o-animation: menuCloseBg 0.5s; }
#mhMenu .mainMenu.mmHide .btnsClose { animation: menuCloseBtn 0.5s; -webkit-animation: menuCloseBtn 0.5s; -moz-animation: menuCloseBtn 0.5s; -o-animation: menuCloseBtn 0.5s; }
#mhMenu .mainMenu.mmHide nav {  animation: menuCloseCtn 0.5s; -webkit-animation: menuCloseCtn 0.5s; -moz-animation: menuCloseCtn 0.5s; -o-animation: menuCloseCtn 0.5s; }


/* ANIMATIONS */
@keyframes menuBg { 0% { opacity: 0; } }
@keyframes menuBtn { 0% { transform: translateX(3rem); -webkit-transform: translateX(3rem); -moz-transform: translateX(3rem); -o-transform: translateX(3rem); }}
@keyframes menuCtn { 0% { transform: translateX(-75%); -webkit-transform: translateX(-75%); -moz-transform: translateX(-75%); -o-transform: translateX(-75%); }}


@keyframes menuCloseBg { 100% { opacity: 0; } }
@keyframes menuCloseBtn { 100% { transform: translateX(3rem); -webkit-transform: translateX(3rem); -moz-transform: translateX(3rem); -o-transform: translateX(3rem); }}
@keyframes menuCloseCtn { 100% { transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); }}


/*##### AUTOCOMPLETE UI #####*/
.ui-autocomplete { border: 1px solid #c9c3c8; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35); background: #fff; width: 40%; position: relative; z-index: 100; margin: 0; padding: 10px 0; border-radius: 0 0 5px 5px; }
.ui-autocomplete li { list-style-type: none; margin: 0; padding: 5px 3%; overflow: hidden; cursor: pointer; font-size: 0.85rem; }
.ui-autocomplete .redirect:before { content: 'Go to: '; font-size: 0.85em; color: #777; } 
.ui-autocomplete .redirect { font-style: italic; color: #0c73ae; }
.ui-autocomplete .keyword { font-weight: bold; }
.ui-autocomplete .redirect + .keyword { margin-top: 5px; }
.ui-autocomplete .keyword + .product { border-top: 1px solid #c9c3c8; margin-top: 5px; padding-top: 5px; }
.ui-autocomplete .product { line-height: 30px; }
.ui-autocomplete .product img { float: left; width: 30px; height: 30px; margin-right: 3%; }
.ui-autocomplete .product span { color: #777; font-style: italic; margin-left: 1%; font-size: 0.85em; text-transform: uppercase; }
.ui-autocomplete .viewAllResult { border-top: 1px dotted #c9c3c8; margin-top: 0.75rem; color: #0c73ae; font-weight: bold;  }
.ui-autocomplete .viewAllResult span:before,
.ui-autocomplete .viewAllResult span:after { content: '"'; }
.ui-state-focus { background: #e8f2fc; }



/*#####################################################################
	BROWSER RESIZE
#####################################################################*/
/* Small devices (landscape phones, 576px and up) - background: red; */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) - background: blue; */
@media (min-width: 768px) {
	
}

/* Large devices (desktops, 992px and up) - background: yellow; */
@media (min-width: 992px) {
	#mhMenu { background: #0c73ae; }
	#mhmMenu .icon { display: none; }
	#mhMenu .mainMenu { display: block; position: relative; }
	#mhMenu .mainMenu .bg { display: none; }
	#mhMenu .mainMenu .btnsClose { display: none; }
	#mhMenu .mainMenu nav { position: relative; width: 100%; max-width: none; overflow-y: visible; background: none; overflow: visible; }
	#mhMenu .mainMenu nav ul { display: flex; flex-wrap: nowrap; }
	#mhMenu .mainMenu nav ul li.mMenu { display: none; }
	#mhMenu .mainMenu nav li { flex-grow: 1; text-align: center; }
	#mhMenu .mainMenu nav li + li { border: none; border-left: 1px solid rgba(201,195,200,0.20); }
	#mhMenu .mainMenu nav li a { text-transform: uppercase; padding: 0.75em 0; color: #f5f9fa; font-size: 0.95rem; letter-spacing: 1px; }
	#mhMenu .mainMenu nav li > a { position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
	#mhMenu .mainMenu nav li a .arrow { display: inline-block; font-size: 0.8em; margin-left: 10px; }
	#mhMenu .mainMenu nav li a.new { background: #b01a0d; color: #fff; font-weight: normal; }
	#mhMenu .megaMenu { position: absolute; left: 0; width: 100%; background: #fff; border: 1px solid #c9c3c8; box-shadow: 15px 15px 30px 0 rgba(0,0,0,.35) }
	#mhMenu .megaMenu .links { padding-left: 1rem; padding-right: 1rem; }
	#mhMenu .megaMenu .links .mmHeader a { padding: 0; color: #0a293b; font-size: 1.3em; text-transform: capitalize; font-weight: bold; text-align: left; letter-spacing: 0; }
	#mhMenu .megaMenu .links .lb a.t { font-weight:bold; font-size: 1em; }
	#mhMenu .megaMenu .links .lb + .lb { margin-top:.75rem; }
	#mhMenu .megaMenu .links .lb a { color: #0a293b; text-align: left; display: table; padding: 5px 0; text-transform: capitalize; letter-spacing: 0; }
	#mhMenu .megaMenu .ads a { padding: 0; position: relative; text-align: left; text-transform: capitalize; }
	#mhMenu .megaMenu .ads img { width: 100%; height: 100%; object-fit: cover; }
	#mhMenu .megaMenu .ads .in { background: rgba(0,0,0,.75); padding: 1rem; width: 100%; position: absolute; left: 0; bottom: 0; }
	#mhMenu .megaMenu .ads .linkRead { color: #c9c3c8; }
	/* Hover */
	#mhMenu .mainMenu nav li > a:hover { text-decoration: none; background: #0a293b; }
	#mhMenu .mainMenu nav .hasDDL:hover .megaMenu {display: block;  }
}

/* Extra large devices (large desktops, 1200px and up) - background: green; */
@media (min-width: 1200px) {

}
/*#####################################################################
	MODAL
#####################################################################*/
.modalWrap { background: rgba(0, 0, 0, 0.75); position: fixed; width: 100%; height: 100%; z-index: 200;  top: 0; left: 0; display: table; }
.modalWrap .out { display: table-cell; vertical-align: middle; }
.mwContent { background: #fff; padding: 1rem; margin: 1rem; }

.mwHead {  border-bottom: 1px solid #c9c3c8; }
.mwHead .head { font-weight: bold; margin-top: 10px; }
.mwHead .btn { padding: 5px 13px; }


/*#####################################################################
	BROWSER RESIZE
#####################################################################*/
/* Small devices (landscape phones, 576px and up) - background: red; */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) - background: blue; */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) - background: yellow; */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) - background: green; */
@media (min-width: 1200px) {
	
}

/*#####################################################################
	MODAL: PRODUCTS
#####################################################################*/
#atcSummary form { font-size: 0.9em; }
#atcSummary form label { font-size: 0.9em; font-weight: bold; }
#atcSummary form select { background: #fff; }
#atcSummary form input[type="number"] { width: 65px; }
#atcSummary form .btn { font-size: 0.9em; padding: 5px; }
#atcSummary .atcItem .img a { margin-right: 1rem; display: block; }
#atcSummary .atcItem .t a { color: #000; display: block; line-height: 1.2em; }
#atcSummary .btns { border-top: 1px dashed #c9c3c8; font-size: 0.9em; }
#atcSummary .btns .btn + .btn { margin-left: 0.5rem; }

/* RELATED PRODUCTS #####################################*/
#modalRelated { font-size: 0.9em; }
#modalRelated .ts { font-size: 1.2em; font-weight: bold;  }
#modalRelated .mProduct { padding: 0.5rem; text-align: center; }
#modalRelated .mProduct a { display: block; color: #000; }
#modalRelated .mProduct img { width: 100%; max-width: 100px; height: auto; margin: 0 auto; }
#modalRelated .mProduct .t { display: block; line-height: 1.2em; margin-top: 0.5rem; margin-bottom: 0.5rem; height: 36px; overflow: hidden; }
#modalRelated .mProduct .p { font-size: 0.9em; }
#modalRelated .mProduct .p span { font-size: 0.8em; text-transform: uppercase; color: #777; }
#modalRelated .mProduct:nth-child(1),
#modalRelated .mProduct:nth-child(2) { display: none; }



/*#####################################################################
	BROWSER RESIZE
#####################################################################*/
/* Small devices (landscape phones, 576px and up) - background: red; */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) - background: blue; */
@media (min-width: 768px) {
	#atcSummary .atcItem { padding-right: 1rem; }
	#atcSummary .atcAddsOn { margin-top: 0; }
	#atcSummary .atcAddsOn .btn { display: inline-block; }
	#atcSummary .atcHelp { display: inline-block; padding: 0.75rem; text-align: center; border-left: 1px solid #c9c3c8; }
	#atcSummary .atcHelp .ts { font-size: 1.2em; font-weight: bold;  margin-bottom: 0.5rem; text-align: left; }
	#atcSummary .atcHelp .img a { display: table; margin: 0 auto; }
	#atcSummary .atcHelp .img img { max-width: 65px; width: 100%; height: auto; }
	#atcSummary .atcHelp .info { margin-top: 0.5rem; text-align: left; }
	#atcSummary .atcHelp .info p { font-size: 0.9em; }

	#modalRelated .mProduct:nth-child(1),
	#modalRelated .mProduct:nth-child(2) { display: inline-block; }
}

/* Large devices (desktops, 992px and up) - background: yellow; */
@media (min-width: 992px) {
	#modalAddToCart { max-width: 1000px; margin-left: auto; margin-right: auto; }
}

/* Extra large devices (large desktops, 1200px and up) - background: green; */
@media (min-width: 1200px) {

}
/*############################################################
	PRODUCTS
############################################################*/
.product { padding: 0.25em;}
.product .wrap { display: table; width: 100%; height: 100%; border: 1px solid #c9c3c8; background: #fff; padding: 0.5em; position: relative; }
.product .timer { width: 60%; position: absolute; left: 20%; top: -0.75em; background: #fdba3a; z-index: 1; text-align: center; color: #b01a0d; font-size: 0.7em; padding: 0.25em; border-radius: 0 0 3px 3px; border: 1px solid #c9c3c8; border-top: none; }
.product a { display: block; color: #000; }
.product .img { border: 1px solid #ddd1c1; text-align: center; padding: 0.5em; position: relative; height: 9.5em;}
.product .img .sku { font-size: 0.75em; text-transform: uppercase; background: #025b9f; color: #fff; position: absolute; right: 0; top: 0.5em; padding: 0.25em 0.5em 0.25em 1.5em; }
.product .img .sku:before { content: ' '; background: #fff; position: absolute; top: 0; left: -12px; width: 25px; height: 25px;
							transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);
}
.product .img img { max-height: 110px; max-width: 110px; }
.product .title { font-size: 0.9em; text-align: center; line-height: 1.2em; min-height:68px; font-weight: bold; }
.product .premium .in { text-align: center; background: #c9c3c8; font-size: 0.8em; padding: 0.5em; }
.product .actions { min-height: 48px; }
.product .pricing { text-align: center; }
.product .pricing.outOfStock { text-align: center; }
.product .pricing .txt { font-size: 0.7em; text-transform: uppercase; font-weight: bold; }
.product .pricing .price { font-weight: bold; line-height: 1em; }
.product .pricing .reg { font-size: 0.7em; line-height: 1em; color: #69707d; }
.product .pricing .reg span{ text-decoration: line-through; }
.product .input { text-align: center; }
.product .input label { font-size: 0.7em; color: #69707d; text-transform: uppercase; font-weight: bold; }
.product .input .w { display: flex; flex-wrap: nowrap; justify-content: center; }
.product .input .w button { padding: 0.25em 0.5em; border-radius: 0; }
.product .input .w button i { font-size: 0.6em; }
.product .input .w input { padding: 0.15em 0.5em; font-size: 0.8em; width: 40px; font-weight: bold; }
.product .btns { text-align: center; border-top: 1px solid #ddd1c1; padding-top: 0.5em; padding-bottom: 0.5em; }
.product .btns .btn { font-size: 0.9em; text-transform: uppercase; display: none; padding: 0.75em 0; display: block; width: 100%; }


/*#####################################################################
	BROWSER RESIZE
#####################################################################*/
@media only screen and (max-width: 320px) {
    #clGridView .product.col-6 { flex: 0 0 100%; max-width: 100%;}
    #hiDeals .product.col-6 { flex: 0 0 100%; max-width: 100%;}
}

@media (min-width: 379px) {
    .product .img { height:11.5em;}
    .product .img img { max-height: 140px; max-width: 140px; }
}

@media (min-width: 479px) {
    .product .img { height:12.5em;}
    .product .img img { max-height: 150px; max-width: 150px; }
}

/* Small devices (landscape phones, 576px and up) - background: red; */
@media (min-width: 576px) {
    .product .img img { max-height: 165px; max-width: 165px; }
}

/* Medium devices (tablets, 768px and up) - background: blue; */
@media (min-width: 768px) {
	.product .img img { max-height: 180px; max-width: 180px; }
	.product .pricing { text-align: left; }
	.product .input { text-align: right; }
	.product .input label { display: none; }
	.product .input .w { justify-content: flex-end; }
}

/* Large devices (desktops, 992px and up) - background: yellow; */
@media (min-width: 992px) {
    .product .img img { max-height: 200px; max-width: 200px; }
	.product { padding: 0.5em; }
	.product .title { min-height: 57px; }
	.product .btns { display: flex; }
	.product .btns .btn { display: inline-block; }
	.product .btns form { display: inline-block; flex-grow: 1; padding-left: 0.25em; padding-right: 0.25em; }
	.product .btns .mainActionBtn { margin-left: 0.5em; margin-right: 0.5em; }
}

/* Extra large devices (large desktops, 1200px and up) - background: green; */
@media (min-width: 1200px) {

}
/*#####################################################################
	MODAL TEXT
#####################################################################*/
#modalCVV { width: 90%; max-width: 1000px; margin-left: auto; margin-right: auto; }
#modalCVV h2 { font-size: 1.3em; }
#modalCVV h3 { font-size: 1.1em; }
#cvvSummary { max-height: 550px; overflow: hidden; overflow-y: auto; }


#modalPayType { width: 90%; max-width: 1000px; margin-left: auto; margin-right: auto; }
#modalPayType h3 { font-size: 1.3em; }
#modalPayType .btns form { display: inline-block; }

#modalCheckout { width: 90%; max-width: 1000px; margin-left: auto; margin-right: auto; }
#modalCheckout h3 { font-size: 1.3em; }
#modalCheckout .btns form { display: inline-block; }
#modalCheckout .mwBody { overflow-y: auto; max-height: calc(100vh - 275px); height: auto; }
#modalCheckout .note { font-size: .9em; font-style: italic; color: #777; line-height: 1.5em; font-weight:normal; }


#modalVideo { width: 90%; max-width: 700px; margin-left: auto; margin-right: auto; }
#modalVideo iframe { width: 300px; height: 169px; margin-left: auto; margin-right: auto; }


/*#####################################################################
	BROWSER RESIZE
#####################################################################*/
/* Small devices (landscape phones, 576px and up) - background: red; */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) - background: blue; */
@media (min-width: 768px) {
    #modalCVV .info { padding-left: 1.5rem; }
    #modalVideo iframe { width: 560px; height: 315px; }
}

/* Large devices (desktops, 992px and up) - background: yellow; */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) - background: green; */
@media (min-width: 1200px) {
}

/*#####################################################################
	CAROUSEL: SLICK
#####################################################################*/

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
	-webkit-font-smoothing: subpixel-antialiased;
	transform: translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0);
	backface-visibility: hidden;

}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/*############################################################
	PRODUCT CAROUSEL
############################################################*/
.productCarousel { position: relative; }
.productCarousel .slick-list { padding-top: 20px; padding-bottom: 20px; }
.productCarousel .pcArrow { width: 50px; position: absolute; top: 0; height: 100%; z-index: 1; }
.productCarousel .pcArrow .icon { top: 40%; font-size: 0.8em; padding: 7px 10px; background: #fff; border: 1px solid #0a293b; color: #0a293b; position: absolute; border-radius: 50%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.50); cursor: pointer; }
.productCarousel .pcArrow-next,
.productCarousel .pcArrow-next .icon { right: 0; }

/*#####################################################################
	BROWSER RESIZE
#####################################################################*/
/* Small devices (landscape phones, 576px and up) - background: red; */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) - background: blue; */
@media (min-width: 768px) {
	.productCarousel .pcArrow { width: 75px; }
}

/* Large devices (desktops, 992px and up) - background: yellow; */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) - background: green; */
@media (min-width: 1200px) {

}
/*############################################################
	CREDENTIAL  CAROUSEL
############################################################*/
#cCredential .t { font-size: 0.9em;  font-weight: bold; text-transform: uppercase; margin-top: 3px; color: #69707d; }
#cCredential .imgs { position: relative; }
#cCredential .credArrow { position: absolute; z-index: 1; width: 50px; height: 100%;  top: 0; }
#cCredential .credArrow .icon { position: absolute; border: 1px solid #0a293b; right:43px; color: #0a293b; background: #fff; font-size: 0.8em; padding: 3px 7px; border-radius: 50%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.50); top: 2px;  cursor: pointer; }
#cCredential .credPrev {  }
#cCredential .credNext { right: 0; background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0.00)); }
#cCredential .credNext .icon { right: 0; }
#cCredential .list { max-height:28px; overflow-y:hidden;}
#cCredential .logo { margin: 0 1rem; }
#cCredential .logo span { display: block; height: 28px; background: url('https://images-gainesvillecoins.netdna-ssl.com/content/icons/as-seen-on-logo.jpg?v3') no-repeat; background-position-y: bottom; }
#cCredential .logo .bl { width: 111px; background-position-x: 0; }
#cCredential .logo .wp { width: 146px; background-position-x: -128px; }
#cCredential .logo .cw { width: 94px; background-position-x: -300px; }
#cCredential .logo .wm { width: 151px; background-position-x: -418px; }
#cCredential .logo .sa { width: 128px; background-position-x: -576px; }
#cCredential .logo .nw { width: 111px; background-position-x: -716px; }
#cCredential .logo .an { width: 111px; background-position-x: -847px; }
#cCredential .logo .fb { width: 72px; background-position-x: -970px; }
#cCredential .logo .ts { width: 88px; background-position-x: -1050px; }
#cCredential .logo .cn { width: 46px; background-position-x: -1151px; }

/*#####################################################################
	BROWSER RESIZE
#####################################################################*/
/* Small devices (landscape phones, 576px and up) - background: red; */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) - background: blue; */
@media (min-width: 768px) {
	#cCredential .imgs { border-left: 1px solid #c9c3c8; padding-left: 2rem; padding-right: 2rem; }
}

/* Large devices (desktops, 992px and up) - background: yellow; */
@media (min-width: 992px) {
	#cCredential .logo:hover span { background-position-y: 1px; }
}

/* Extra large devices (large desktops, 1200px and up) - background: green; */
@media (min-width: 1200px) {

}
/*#####################################################################
	BANNER
#####################################################################*/
#hiBanners { position: relative; overflow: hidden; padding-left: 10px; padding-right: 10px; }
#hiBanners .list { position: relative; height:calc((100vw - 20px) * 0.61); }
#hiBanners .bnr a { display: block; }
#hiBanners .bnr img { width: 100%; height: auto;  }
#hiBanners .slick-dots { list-style-type: none; position: absolute; left: 25%; width: 50%; padding: 0; bottom: 0; text-align: center; }
#hiBanners .slick-dots li { display: inline-block; background: #69707d; width: 13px; height: 13px; border-radius: 50%; line-height: 1rem; }
#hiBanners .slick-dots li button { display: none; }
#hiBanners .slick-dots li.slick-active { background: #fdba3a; }
#hiBanners .slick-dots li + li { margin-left: 5px; }
#hiBanners .baArrow { position: absolute; padding: 10px; background: #000; color: #fff; font-size: 0.8em; top: 40%; z-index: 1; opacity: 0.75; cursor: pointer; }
#hiBanners .baArrow.baPrev { left: 10px; }
#hiBanners .baArrow.baNext { right: 10px; }

/*#####################################################################
	BROWSER RESIZE
#####################################################################*/
/* Small devices (landscape phones, 576px and up) - background: red; */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) - background: blue; */
@media (min-width: 768px) {
	#hiBanners .slick-dots { width: 40%; left: 30%; }
    #hiBanners .list { height: calc((100vw% - 20px) * 0.385);}
}

/* Large devices (desktops, 992px and up) - background: yellow; */
@media (min-width: 992px) {
	#hiBanners .slick-dots { width: 30%; left: 35%; }
    #hiBanners .list { height: calc(min((100vw - 20px), 1180px) * 0.28);}
}

/* Extra large devices (large desktops, 1200px and up) - background: green; */
@media (min-width: 1200px) {

}

/*#####################################################################
	MASONRY
#####################################################################*/
.masonry .banner a { display: block; margin: 2px; background: #a6c7e6; position: relative; padding: 0.75em;  text-align: center; }
.masonry .banner img { width: 100%; height: auto; }
.masonry .banner span { display: block; }
.masonry .banner .name { color: #000; font-size: 0.85em; font-weight: bold; min-height: 40px; line-height: 1.2em; }
/*.masonry .banner a { display: block; margin: 2px; background: #a6c7e6; text-align: center; position: relative; }
.masonry .banner img { width: 100%; height: auto; }
.masonry .banner .name { position: absolute; left: 10%; bottom: 0.5rem; width: 80%; color: #000; font-size: 0.85em; line-height: 1em; font-weight: bold; }*/

/*#####################################################################
	BROWSER RESIZE
#####################################################################*/
/* Small devices (landscape phones, 576px and up) - background: red; */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) - background: blue; */
@media (min-width: 768px) {
	.masonry .banner img { height: 100%; max-height: 185px; width: auto; }
	.masonry .banner .name { min-height: 0; margin-bottom: 1rem; }

	/*.masonry .banner img { height: 100%; max-height: 195px; width: auto; }*/
}

/* Large devices (desktops, 992px and up) - background: yellow; */
@media (min-width: 992px) {
	/*.masonry .banner .name { bottom: 0.75rem; }
	.masonry .banner.l a { text-align: left; }
	.masonry .banner.l .name {  left: 50%; width: 40%; bottom: 50%; }
	.masonry .banner.l picture { }*/
}

/* Extra large devices (large desktops, 1200px and up) - background: green; */
@media (min-width: 1200px) {

}

/*##########################################################################
	NEWS
##########################################################################*/
.news { padding: 0.5em; }
.news a { color: #000; }
.news .wrap { display: table; width: 100%; height: 100%; border: 1px solid #ddd1c1; border-radius: 5px; overflow: hidden; background: #fff; }
.news .img { height: 200px; overflow: hidden; border-bottom: 1px solid #ddd1c1; }
.news .img img { width: 100%; height: auto; }
.news .inWrap { margin: 1em; }
.news .title { font-size: 1.1em; line-height: 1.2em; font-weight: bold; }
.news .attr { display: flex; }
.news .attr .c { font-size: 0.75em; color: #69707d; }
.news .attr .c + .c { margin-left: 5%;  }
.news .attr .c i { color: #025b9f; margin-right: 0.25em; }
.news .btn { text-transform: uppercase; font-size: 0.85em; }

/*#####################################################################
	BROWSER RESIZE
#####################################################################*/
/* Small devices (landscape phones, 576px and up) - background: red; */
@media (min-width: 576px) {
	
}

/* Medium devices (tablets, 768px and up) - background: blue; */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) - background: yellow; */
@media (min-width: 992px) {
	
}

/* Extra large devices (large desktops, 1200px and up) - background: green; */
@media (min-width: 1200px) {
	
}
/*#####################################################################
	CATEGORY LIST
#####################################################################*/

/* SQUARE #####################################*/
.catWide { padding: 0.25rem; }
.catWide a { display: block; border: 1px solid #c9c3c8; background: #fff; border-radius: 5px; }
.catWide .img { border-radius: 5px 5px 0 0; overflow: hidden; }
.catWide .name { color: #0a293b; font-weight: bold; white-space: normal; line-height: 1.2em; margin-left: 0.75rem; margin-right: 0.75rem; height: 38px; overflow: hidden; }
.catWide .count { font-size: 0.8em; color: #415573; }

/* MAIN #####################################*/
.catMain { margin: 0 0.5rem; }
.catMain a { display: block; padding: 0.5rem; text-align: center; }
.catMain a img { display: block; width: 80px; height: auto; margin-left: auto; margin-right: auto; }
.catMain a .name { color: #0a293b; line-height: 1.3em; font-size: 0.9em; height: 36px; overflow: hidden; margin-left: 3%; margin-right: 3%; }


/* TALL #####################################*/
.catTall { width: 250px; padding: 0.25rem; text-align: center; }
.catTall a { display: block; border: 1px solid #c9c3c8; border-radius: 5px; overflow: hidden; color: #000; background: #fff; }
.catTall .img { position: relative; }
.catTall .img .hover { display: none; }
.catTall .name { font-weight: bold; line-height: 1.2em; margin-left: 0.75rem; margin-right: 0.75rem; }
.catTall .count { font-size: 0.8em; color: #415573; }

.tallCatCarousel { position: relative;  }
.tallCatCarousel .tccInner { position: relative; overflow: hidden; padding: 20px 0; }
.tallCatCarousel .tccInner ul { width: 10000em; position: relative; list-style-type: none; margin: 0; padding: 0; }
.tallCatCarousel .tccInner ul li { float: left; }
.tallCatCarousel .tccInner ul li + li { margin-left: 0.5rem; }
.tallCatCarousel .pcArrow { top: 0; }


/* HOMEPAGE #####################################*/
.catHome a { display: block; margin: 0.25em; border: 1px solid #c9c3c8; border-radius: 3px; overflow: hidden; position: relative; }
.catHome .img { padding: 0.5em; }
.catHome .img .img { width: 100%; height: auto; }
.catHome .name { font-weight: bold; font-size: 0.9em; white-space: normal; line-height: 1.2em; min-height: 34px; }
.catHome .count { font-size: 0.8em; color: #c9c3c8; }
.catHome .default { background: url('/images/content/layout/category-background-white.gif') no-repeat  center center; background-size: cover; }
.catHome .default .txt { background: #025b9f; color: #fff; padding: 0.5em 0; }
.catHome .hover { display: none; }



/*#####################################################################
	BROWSER RESIZE
#####################################################################*/
/* Small devices (landscape phones, 576px and up) - background: red; */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) - background: blue; */
@media (min-width: 768px) {
	.catWide .name { padding-left: 0.75rem; padding-right: 0.75rem; height: auto; overflow: visible; }
	.catTall { width: 300px; }
}

/* Large devices (desktops, 992px and up) - background: yellow; */
@media (min-width: 992px) {
	.catWide { padding: 0.5rem; }
	.catWide a { min-height: 240px; transition: box-shadow 0.5s; -webkit-transition: box-shadow 0.5s; -moz-transition: box-shadow 0.5s; -o-transition: box-shadow 0.5s; }
	.catWide .name { transition: color 0.5s; -webkit-transition: color 0.5s; -moz-transition: color 0.5s; -o-transition: color 0.5s; }
	.catWide .img img { transition: transform 2s; -webkit-transition: transform 2s; -moz-transition: transform 2s; -o-transition: transform 2s; }
	.catWide a:hover { text-decoration: none; box-shadow: 0 0 30px rgba(0, 0, 0, 0.35); }
	.catWide a:hover .name { color: #025b9f; }
	.catWide a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); }

	.catMain a:hover { text-decoration: none; box-shadow: 0 0 30px rgba(0, 0, 0, 0.35); }
	.catMain a .name { height: 42px; }

	.catChildList li { font-size: 0.85em; line-height: 1em; padding: 8px 0; }
	.catChildList li a { color: #000; }
	.catChildList li span { font-size: 0.7em; color: #69707d; font-style: italic; margin-left: 3px; }
	/* Hover */
	.catChildList li a:hover { }

	.catTall { width: 325px; }
	.catTall .img .hover { display: block; position: absolute; left: 0; top: 0; opacity: 0; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; }
	.catTall a:hover .img .hover { opacity: 1; }
	.catTall .tag { margin-left: 1.5rem; margin-right: 1.5rem; }
	.catTall a { transition: box-shadow 0.5s; -webkit-transition: box-shadow 0.5s; -moz-transition: box-shadow 0.5s; -o-transition: box-shadow 0.5s; }
	.catTall .name { transition: color 0.5s; -webkit-transition: color 0.5s; -moz-transition: color 0.5s; -o-transition: color 0.5s; }
	.catTall a:hover { text-decoration: none; box-shadow: 0 0 30px rgba(0, 0, 0, 0.35); }
	.catTall a:hover .name { color: #025b9f; }


	.catHome .name { min-height: auto; }
	.catHome .default { position: relative; z-index: 1; }
	.catHome .hover { color: #fff; display: block; position: absolute; left: 0; top: 0; z-index: 5; width: 100%; height: 100%; overflow: hidden; background: #aa7704 url('/images/content/layout/category-background-gold.gif') no-repeat  center center; padding: 1em;
					  transition: transform 1s; -webkit-transition: transform 1s; -moz-transition: transform 1s; -o-transition: transform 1s;
					  transform: translateY(500px); -webkit-transform: translateY(500px); -moz-transform: translateY(500px); -o-transform: translateY(500px); }
	.catHome .hover .desc { white-space: normal; font-size: 0.8em; line-height: 1.5em; }
	.catHome .hover .btn { font-size: 0.8em; text-transform: uppercase; padding: 0.5em 1em; }
	/* Hover */
	.catHome a:hover .hover { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); }
}

/* Extra large devices (large desktops, 1200px and up) - background: green; */
@media (min-width: 1200px) {

}

/*#####################################################################
	HOME
#####################################################################*/


.sh .t { background: #fff;  }
.sh:before { content: ' '; position: absolute; border-bottom: 1px solid #c9c3c8; width: 100%; left: 0; top: 50%; }


#homeIndex .vText { text-align: center; display: table; width: 90%; height: 100%; background: url('/images/content/layout/homepage-side-text.gif') no-repeat center; }
#homeIndex .vText.t-deals { background-position-x: 18px; }
#homeIndex .vText.t-gold { background-position-x: -66px; }
#homeIndex .vText.t-silver { background-position-x: -152px; }
#homeIndex .vText.t-news { background-position-x: -325px; }
#homeIndex .vText.t-about { background-position-x: -411px; }
#homeIndex .vText.t-podcast { background-position-x: -238px; }




#hiFeatProducts .into p { font-size: 0.9em; }
#hiFeatProducts > .btns button { text-transform: uppercase; font-size: 0.85em; border: 1px solid #000; color: #000; background: #fff; padding: 0.5em; display: inline-block; margin: 0.25em 0; }
#hiFeatProducts > .btns button.active { background: #025b9f; border-color: #025b9f; color: #fff; position: relative; }
#hiFeatProducts > .btns button.active:after { content: ' '; position: absolute; left: 50%; bottom: -5px; background: #025b9f; width: 10px; height: 10px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); }


#hiFeaturedBanner a { display: block; }
#hiFeaturedBanner img { width: 100%; height: auto; display: block; }


#hiPodcast { background: url('/images/content/layout/podcast.webp') no-repeat center center fixed; background-size: cover;  }
#hiPodcast .author { font-weight: bold; text-transform: uppercase; }


#hiNews { background: #dbe4e9; padding-top: 3em; padding-bottom: 3em; }
#hiNews .sh .t { background: #dbe4e9; }
#hiNews .sh .t a { font-family: inherit; }


#hiAbout h1 { text-align: center; position: relative; padding-bottom: 0.5em; }
#hiAbout h1 span { display: block; }
#hiAbout h1:after { content: ' '; position: absolute; width: 10%; left: 45%; bottom: -2px; border: 2px solid #c9c3c8; }
#hiAbout .sub h2 { font-size: 1.5em; }
#hiAbout .logo div { display: inline-block; height: 50px; background: url('/images/content/icons/precious-metals-community.jpg') no-repeat; }
#hiAbout .logo div + div { margin-left: 3%; }
#hiAbout .logo .pcgs { background-position: -5px center; width: 110px; }
#hiAbout .logo .ngc { background-position: -133px center; width: 98px; }
#hiAbout .logo .ana { background-position: -248px center; width: 48px; }
#hiAbout .logo .cce { background-position: -315px center; width: 110px; }
#hiAbout .logo .icta { background-position: -456px center; width: 94px; }
#hiAbout .logo .nia { background-position: -565px center; width: 75px; }
#hiAbout h3 { font-size: 1.5em; }
#hiAbout .txt p + p { margin-top: 0.5em; }


#hiNewsletter { background: url('/images/content/layout/newsletter.jpg') no-repeat center center; background-size: cover; }
#hiNewsletter .t { color: #fff; font-size: 1.8em; line-height: 1em; }
#hiNewsletter .s { color: #fff; }
#hiNewsletter form input[type="email"] { padding: 1.25em 1em; font-size: 0.9em; }
#hiNewsletter form .btn { padding: 0.5em 1em; border-radius: 0 3px 3px 0; text-transform: uppercase; font-size: 0.9em; }


/*#####################################################################
	BROWSER RESIZE
#####################################################################*/
/* Small devices (landscape phones, 576px and up) - background: red; */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) - background: blue; */
@media (min-width: 768px) {
	
}

/* Large devices (desktops, 992px and up) - background: yellow; */
@media (min-width: 992px) {
	#hiTop .spotPrice .in { margin-left: 1rem; margin-right: 10px; }
	#hiTop .spotPrice .t { background: #02636b; padding: 5px; }
	#hiTop .spotPrice .t a { display: inline-block; color: #fff; font-weight: bold; font-size: 0.8em; text-transform: uppercase; }
	#hiTop .spotPrice .metal a { padding: 8px 10px; }
	#hiTop .spotPrice .row { border: 1px solid #c9c3c8; border-bottom: none; }
	#hiTop .spotPrice .metal:nth-child(even) { border-left: none; }
	#hiTop .spotPrice .note { color: #69707d; font-size: 0.8em; font-style: italic; margin-left: 10px; margin-right: 10px; line-height: 1.2em; }


	#hiCategory .categoryList .row { padding-top: 0.5em; padding-bottom: 0.5em;  }


	#hiFeatProducts > .btns button { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
	#hiFeatProducts > .btns button:hover { background: #025b9f; color: #fff; }


	#hicPoscast { padding-left: 1rem; }
}

/* Extra large devices (large desktops, 1200px and up) - background: green; */
@media (min-width: 1200px) {
	/*#hiAbout .choose { float: right; margin-left: 3%; }*/

	#hiAbout .txt { width: 90%; margin-left: auto; margin-right: auto;  }
	 
}