/* karaokesystem.com site css */

@charset "UTF-8";

body {
  position: relative;
  background-color: #ffffff;
  color: #3a3a3a;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  line-height: 1.2em;
  padding: 0;
  margin: 0;
}

a {
	color: #cb0070;
}
a:visited {
	color: #cb0070;
}

h1, h2, h3, h4, h5 {font-family: 'Lato', sans-serif;}

header, main, footer {
	display: block;
}

.inner {
	width: calc( 1200px - 20px );
	max-width: 100%;
	margin: auto;
}

main {
	background-color: #ffffff;
	margin-top: 25px;
}

.site-container {
    margin-bottom: 70px;
}

#scrollToTop {
    position: fixed;
    display: none;
    z-index: 9999;
    right: 85px;
    bottom: 1em;
    text-align: center;
    cursor: pointer;
    -moz-opacity: 0.7;
    opacity: 0.7;
}

#scrollToTop img {
    display: block;
	max-width: 40px;
	height: auto;
	margin: 0;
}

/* .......... HEADER .......... */

.site-header {
	background-color: #ffffff;
}

#logo {
  float: left;
}
.cartBar {
	float: right;
	padding: 0 0 0 20px;
	font-size: 13px;
	text-transform: uppercase;
}
#superbar-container {
	position: relative;
	width: 100%;
	background-color: #fff2f6;
}
#ys_superbar {
	font-size: 12px;
	padding: 6px 0;
	width: 100% !important;
	height: inherit !important;
	max-width: 1180px;
}
#ys_cpers {
	display: inline-block;
	margin-right: 1em;
	vertical-align: middle;
}

.smb-mc .mini_msg, .mini_item_count, .mini_subtotal, #ys_cpers, #ys_cpers a {
	color: #3a3a3a !important;
	text-decoration: none;
	font-family: 'Lato', sans-serif !important;
	font-size: 14px !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700 !important;
}

.minicart_c2 .smb-mc .mini_msg, .minicart_c2 .mini_item_count, .minicart_c2 .mini_subtotal, .minicart_c2 #ys_cpers, .minicart_c2 #ys_cpers a {
	color: #000000 !important;
}

.cartBar a {
	text-decoration: none;
	color: #3a3a3a;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 700;
}
.cartBar a:hover, #ys_superbar a:hover {
}
.tagline-content {
	text-align: right;
	font-style: italic;
	font-size: 18px;
	background: rgba(0, 0, 0, 0) linear-gradient(to left, rgb(255, 239, 186), rgb(255, 255, 255)) repeat scroll 0% 0%;
	padding: 10px;
}
.tagline-content span {
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 21px;
	line-height: 1.3em;
	color: #B0925A;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-style: normal;
	font-weight: bold;
}
.tagline-content em {
	display: block;
	font-style: normal;
	color: #cb0070;
	font-family: 'Lato', sans-serif;
	font-size: 24px;
	margin: 10px 0 5px;
	font-weight: bold;
}
.ys_clear {
  clear: both;
}
#logo-search {
	padding: 10px 0;
}

#navRibbon {
	background-color: #151515;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.48);
	-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.48);
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.48);
}
.header-social {
	float: left;
}
.header-social i {
	font-size: 18px;
	margin-right: 5px;
}
/* SEARCH BOX */

#topSearch {
position: relative;
float: right;
width: 50%;
height: 174px;
margin-left: 4%;
}
#searcharea {
	position: relative;
	box-sizing: content-box;
	height: 34px;
	border: 2px solid #B0925A;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
background-color: #ffffff;
background-image: url();
background-repeat: no-repeat;
background-position: center left;
	line-height: 1;
	margin-top: 10px;
}

#searcharea fieldset {
border: 0;
margin: 0;
padding: 0;
}

#searcharea label {
padding: 0 !important; /* checkout */
}

#searcharea .labelfield {}

#searcharea .labelfield > span {
display: none;
}

#topSearch select[name="section"] {
position: absolute;
display: block;
top: 3px;
left: 8px;
width: 35%;
height: 28px;
margin: 0;
padding: 0 0 0 15px !important; /* checkout */
border: 0 !important; /* checkout */
background-color: #f7f7f7;
}

#searcharea #query {
position: absolute;
left: calc(35% + 15px);
width: calc(60% - 32px - 10px);
height: 32px;
border: 0;
padding-left: 0;
padding-left: 0;
background-color: transparent;
}

#searcharea .buttonlabel {}

#topSearch #searchsubmit {
position: absolute;
top: 1px;
right: 11px;
box-sizing: border-box;
width: 32px;
height: 32px;
padding: 0 1em;
border: 0px none;
color: #000000;
background-image: url('https://s.turbifycdn.com/aah/yhst-172629273-1/img-1195.png');
background-color: #ffffff;
background-repeat: no-repeat;
background-size: cover;
text-transform: uppercase;
text-indent: 1000px;
cursor: pointer;
-webkit-appearance: none;
}

#searchsubmit {
background-size: contain
}

/* / HEADER */

ul.topNav {
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
}

ul.topNav li {
	list-style: none;
	flex: 1;
}
/* End of Top Navigation */

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url("https://turbifycdn.com/ay/mobile/i/ajax-loader.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track { -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; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[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; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 40%; padding: 0; border: none; outline: none; opacity: .5}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; color: transparent; opacity: 1 }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { opacity: 1; }
.slick-prev.slick-disabled, .slick-next.slick-disabled { opacity: 0.25; }

.slick-prev { left: -25px; }
[dir="rtl"] .slick-prev { left: auto; right: -25px; }
.slick-prev:before { content: "<"; }
[dir="rtl"] .slick-prev:before { content: ">"; }

.slick-next { right: -25px; }
[dir="rtl"] .slick-next { left: -25px; right: auto; }
[dir="rtl"] .slick-next:before { content: "<"; }

/* Dots */

.slick-dots { list-style: none; display: block; text-align: center; padding: 0; width: 100%;margin: 0; }
.slick-dots li { position: relative; display: inline-block; height: 11px; width: 11px; margin: 0; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 11px; width: 11px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: " "; width: 11px; height: 11px; font-family: "slick"; font-size: 15px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

.slick-slide img { display: inline }
.slick-slide img {
  height: auto;
  vertical-align: bottom;
  max-width: 100%;
}

.slick-dots li button {
	background-image: url(https://s.turbifycdn.com/aah/yhst-172629273-1/img-1196.png);
	background-repeat: no-repeat;
	background-position: center middle;
}

.slick-active button {
	opacity: 1 !important;
}


.slick-prev {
  background-image: url(https://s.turbifycdn.com/aah/yhst-172629273-1/img-1197.png);
  left: 0;
  height: 36px;
  width: 36px;
  color: transparent !important;
}

.slick-next {
  background-image: url(https://s.turbifycdn.com/aah/yhst-172629273-1/img-1198.png);
  right: 0;
  height: 36px;
  width: 36px;
  color: transparent !important;
}
.slick-next:hover {
	background-image: url(https://s.turbifycdn.com/aah/yhst-172629273-1/img-1199.png);
}
.slick-prev:hover {
	background-image: url(https://s.turbifycdn.com/aah/yhst-172629273-1/img-1200.png);
}
.slick-active button {
  background-image: url(https://s.turbifycdn.com/aah/yhst-172629273-1/img-1201.png) !important;
}
/* End of Slider */

/* Home page */
.ys_promo_banner img {
  height: auto;
  max-width: 100%;
}
#mainPage section {
  margin-bottom: 70px;
}
#mainPage .fcol {
	border-color: transparent;
}
.add-to-cart {
	display: block;
}
.homeFavorites .inside {
  text-align: center;
}
.homeFavorites .txt {
	margin-top: 1em;
}
.homeFavorites .txt a {
  color: #3a3a3a;
text-decoration: none;
    font-size: 14px;
    line-height: 1.2em;
    padding: 0 10px;
    display: block;
}
.homeFavorites .txt a:hover {
	color: #cb0070;
}
.homeFavorites .txt > a:after {
  content: " >";
}
.message h3 {
	font-weight: normal;
	font-size: 24px;
	font-style: italic;
	font-style: normal;
}
.bestsellers .slide {
  text-align: center;
}
.bestsellers .inside {
  border-bottom: 2px solid #cb0070;
  display: inline-block;
  padding-bottom: 24px;
}
.bestsellers .slide .txt {
	margin-top: 15px;
}
.bestsellers .slide .txt, .bestsellers .slide .txt a {
  color: #3a3a3a;
}
.bestsellers .slide .txt a {
	text-decoration: none;
}
.bestsellers .slide .txt a:hover {
	color: #cb0070;
}
.bestsellers .slide img {
	border: 1px solid #ffffff;
}
.bestsellers .slide img:hover {
	border: 1px solid #cb0070;
}
#mainPage .fcol {
	margin: 10px;
}
.homeHero .slick-slide {
  text-align: center;
}
.homeHero .slick-prev {
	left: 10px;
}
.homeHero .slick-next {
	right: 10px;
}
.homeHeroContainer {
	float: none;
	width: 100%;
}
.kickerContainer {
	margin: 20px -10px 0;
}
.kickers {
	display: flex;
}
.kickers a {
	margin: 0 10px;
}
.kickers img {
	max-width: 100%;
	height: auto;
}
.introText, .message, .finaltext {
	padding: 1em 3em 3em;
}
.introText {
	text-align: center;
	font-family: Lato, sans-serif;
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 28px;
	text-transform: none;
	color: #2E2E2E;
	font-style: italic;
	background-color: #f2f2f2;
	margin: 0 0 30px;
	padding: 1em 2em;
}
#mainPage .introText h2 {
	font-family: Lato, sans-serif;
	font-size: 40px;
	font-style: normal;
	font-weight: 300;
	letter-spacing: 6px;
	line-height: 58px;
	text-transform: uppercase;
	color: #B0925A;
	text-align: center;
	margin: 0;
}


.featuredCategories .kicker {
	margin-right: 10px;
}
.featuredCategories .inside {
  border: 1px solid #cb0070;
  margin-right: 10px;
  text-align: center;
}
.featuredCategories .txt {
  box-sizing: border-box;
  background-color: #cb0070;
  padding: 5px 9px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.featuredCategories .txt span:first-child {
  float: left;
}
.featuredCategories .txt span:last-of-type {
	float: right;
	color: #ffffff;
}
.featuredCategories a {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
font-family: 'Rubik', sans-serif;
}
.featuredCategories a:hover {
	color: #cb0070;
}

.featuredCategories .inside:hover {
	border-color: #cb0070;
}
.featuredCategories .inside:hover .txt {
	background-color: #cb0070;
}
.featuredCategories .inside:hover .txt a {
        color: #04176b;
}
.featuredCategories .slick-next {
  right: 0;
  top: -50px;
}
.featuredCategories .slick-prev {
  right: 36px;
  left: auto;
  top: -50px;
}
.featuredBrands .slick-prev, .featuredBrands .slick-next {
	top: 50%;
	transform: translateY(-50%);
}
.featuredBrands .inside {
  text-align: center;
}

#mainPage h2 {
	font-weight: 700;
  font-size: 34px;
  padding: 0;
	margin: 20px 0 0;
  text-align: left;
  color: #151515;
	font-family: Lato;
	text-transform: uppercase;
line-height: 1em;
}
.sale {
	color: #cb0070;
	font-weight: bold;
}
.reg {
	color: #606060;
	font-style: italic;
	text-decoration: line-through;
}

.testimonials {
	background-color: #f7f7f7;
	color: #000000;
	text-align: center;
}
#mainPage .testimonials h2 {
	background-color: #151515;
	color: #ffffff;
	margin: 0 0 1em 0;
	padding: 12px 50px;
	font-size: 16px;
	text-transform: uppercase;
	display: inline-block;
}

/* / HOME PAGE */

/* ..... CATEGORY ..... */

.section-wrap {padding-bottom: 30px;}
.section-wrap img{ max-width:100%; height:auto;}

.fsection-caption {
padding:0 0 35px;
}

.fsection-caption td {
padding: 7px 15px;
border: 1px solid #cccccc;
}

.fsection-caption table {
border: 1px solid #cccccc;
}

.fsection-name {text-align: left; margin-bottom: 7px;}
.fsection-image {
display: inline-block;
margin-bottom: 20px;
margin-left: 20px;
}

.fsection-name h1{ color: #151515; font-size:34px; margin:20px 0;line-height:30px;font-weight: normal;text-transform: uppercase;letter-spacing: 1px;font-weight: 700;}

.section-wrap .price-row {
margin-left: 20px;
}

/* / CATEGORY */

/* ..... PRODUCT ..... */

.price-row > .strike-price,
.price-row > .price {
display: inline;
margin-right:1em;
}

.price-row > .price{ 
font-weight:700;
color:#cb0070;
}

.price-row > .strike-price {
padding-right:10px;
color: #7e7e7e; 
text-decoration: line-through; 
font-weight:400 !important; 
font-size:smaller;
}
			
/* ..... CONTENTS ..... */

.frow:after,
.frow:before,
.fcontainer:after,
.fcontainer:before {
display: table;
clear: both;
content: " ";
}

.fcontainer { 
width: 100%;
max-width: 1200px; 
margin: 10px auto 0; 
padding-top: 10px;
}
	
.frow {
clear: both;
}

.frow * {
box-sizing: border-box;
}

.fcol {
position: relative; 
float: left; 
width:calc(20% - 20px); 
min-height: 333px;
margin:10px; 
padding-bottom: 3px;
border:1px solid #dedfdf;
}

.fcol .name {
padding: 0 20px;
}

.fcol:hover {
border-color:#cb0070
}

.finner { 
color: Arial, Helvetica, sans-serif; 
text-align: center;
}

.finner a,
.finner input { 
display: block; 
text-decoration: none; 
color: #3a3a3a;
}
			
.finner .name a {
font-size: 15px;
margin: 0 0 8px 0;
line-height: 17px;
min-height: 3em;
}

.finner img.fim { 
max-width:100%; 
height:auto;
border: 2px solid transparent;
}

.finner a.fshop-now,
.finner input.fshop-now {
font-weight: 700;
padding: 0 1em;
font-size: 15px;
display: inline-block;
height: 30px;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
line-height: 26px;
margin-top: 10px;
width: 90%;
background-color: #b58b39;
text-transform: uppercase;
border: 0;
border-radius: 20px;
color: #ffffff;
}

.finner:hover a.fshop-now,
.finner:hover input.fshop-now { 
color: #fff; 
background: #cb0070; 
border-color: #cb0070;
}

/* / CONTENTS */

/* .......... FOOTER .......... */

.site-footer {
	background-color: #eeeeee;
	color: #000000;
	font-size: 13px;
        font-weight: 400;
}
.site-footer ul {
	padding: 0;
	margin: 0;
}
.site-footer li {
	list-style: none;
}
.site-footer a {
	color: #000000;
	text-decoration: none;
}
.site-footer a:hover {
	text-decoration: underline;
	color: #000000;
}
.footerBoxes .box:first-child {
	min-width: 280px;
}
.footerBoxes {
	padding: 20px 0;
	display: flex;
}
.footerBoxes h3 {
  font-weight: 700;
  font-size: 18px;
  padding: 0;
  margin: 0 0 10px 0;
  text-align: left;
  color: #151515;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 40px;
}
.footer-box3 {
	max-width: 300px;
}
#copyright {
	text-align: center;
	font-size: 14px;
	color: #000;
	background-color: #cccccc;
	padding: 3px;
	font-style: italic;
}
#copyright a {
	text-decoration: none;
	color: #000000;
}
#mc-embedded-subscribe {
	background-color: #ff437b !important;
	font-family: 'Pathway Gothic One', sans serif;
	text-transform: uppercase;
	font-size: 18px !important;
	letter-spacing: 2px;
}
.newsletterSocial {
	background-color: #04176b;
	color: #ffffff;
	padding: 10px 0;
}
.newsletter > form {
  display: inline-block;
  background-color: #ffffff;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
}
.newsletter .prompt {
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}
.newsletter input[type="email"] {
  box-sizing: border-box;
  border: 0 none;
  background-color: transparent;
  color: #424242;
  height: 30px;
  padding: 0 1em;
  width: calc(100% - 60px);
}

.newsletter input[type="submit"] {
  background-color: #000000;
  background-image: url();
  background-size: cover;
  width: 60px;
  height: 30px;
  border: 2px solid #ffffff;
  color: #ffffff;
  padding: 0 1em;
}

.footerBoxes .box {
	flex: auto;
	margin-right: 30px;
}
.paypal-badge {
	max-width: 300px;
	margin: 0 auto;
	overflow: hidden;
}
.shippinginfo img {
	display: inline-block;
	padding: 10px;
}

.footerAdditionalContent {
  margin: 2em 0;
}
.footerAdditionalContent img {
	max-width: 100%;
}
.social-icons {
	margin: 5px 0 0;
}
.social-icons i {
	font-size: 18px;
	margin-right: 5px;
}

/* / FOOTER */

.breadcrumbs{
    padding-top:15px;
	color: #757575;
font-size: 14px;
}
.breadcrumbs a {
	color: #000000;
}

/*Promo Header*/
ul#ys_promo_banner_list{ padding:0;}
li.ys_promo_banner {margin: 0;text-align:center}

#custRegDiv, #errorMsg {
    width: 100% !important;
}
.yscp_page{
    display:none;
}
#custRegDiv_c{
    top: 60px !important;
}
#iframe_id {
    width: 100% !important;
}
#custRegDiv .yui-skin-sam .yui-panel .bd {
    padding: 0;
}

/* auto suggest */
#topSearch form { z-index: 2000; }

/* .......... SEARCH PAGE .......... */

#ys_searchiframe {
width: auto !important;
max-width: 980px !important;
margin: 0 auto !important;
background: transparent !important;
}

#ys_searchiframe,
#ys_searchiframe a,
#ys_searchiframe #sidebar div.rf h4,
#ys_searchiframe address,
#ys_searchiframe button,
#ys_searchiframe caption,
#ys_searchiframe cite,
#ys_searchiframe code,
#ys_searchiframe dfn,
#ys_searchiframe em,
#ys_searchiframe input,
#ys_searchiframe optgroup,
#ys_searchiframe option,
#ys_searchiframe select,
#ys_searchiframe strong,
#ys_searchiframe textarea,
#ys_searchiframe th,
#ys_searchiframe var {
font-family: inherit !important;
}

#ys_searchresults {}

#ys_searchiframe #doc {
width: auto !important;
margin: 0 !important;
}

/* SIDEBAR */

#ys_searchiframe .side #sidebar {
position: relative !important;
top: 0 !important;
left: 0 !important;
width: 270px !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
}

#ys_searchiframe .side #sidebar div.wrp {
position: relative !important;
width: 100% !important;
padding: 5px !important;
}

#ys_searchiframe #sidebar h3,
#ys_searchiframe #sidebar div.rf {
width: auto !important;
}

#ys_searchiframe #sidebar h3 {
color: #202020 !important;
}

#ys_searchiframe #sidebar div.rf h4 {
color: #202020 !important;
}

#ys_searchiframe #sidebar div.rf ul {}
#ys_searchiframe #sidebar div.rf ul li {}

#ys_searchiframe #sidebar div.rf ul li a,
#ys_searchiframe div.rf ul li span.cnt {
color: #202020 !important;
}

/* MAIN */

#ys_searchiframe #main {
position: relative !important;
float: none !important;
width: auto !important;
padding: 0 0 50px !important;
}

#ys_searchiframe .side #main {
float: none !important;
margin-left: calc(270px + 30px) !important;
}

#ys_searchiframe #loading-bar {}
#ys_searchiframe #no-results-message {}

#ys_searchiframe #sf {}

#ys_searchiframe .ystore_search_border {
padding: 0 0 8px !important;
border-width: 0 0 2px!important;
border-style: solid !important;
border-color: #d7d7d7 !important;
text-align: left !important;
}

#ys_searchiframe #catfilt {
box-sizing: border-box !important;
max-width: 150px !important;
height: 22px !important;
margin: 0 5px 10px 0 !important;
}

#ys_searchiframe #schbx {
box-sizing: border-box !important;
height: 22px !important;
margin-left: 0 !important;
}

#ys_searchiframe #schbt {
box-sizing: border-box !important;
height: 22px !important;
border: 0 !important;
border-radius: 3px !important;
}

#ys_searchiframe h2.rs {}

#ys_searchiframe div#dsop {
margin: 10px 0 30px !important;
}

#ys_searchiframe ul#results {
width: auto !important;
margin: -10px -10px -30px !important;
}

#ys_searchiframe li.grd {
width: calc(33% - 21px) !important;
margin: 10px 10px 30px !important;
}

#ys_searchiframe li.grd .wrp {}

#ys_searchiframe li.grd div.img {
display: table !important;
width: 100% !important;
height: auto !important;
}

#ys_searchiframe li.grd div.img span {}

#ys_searchiframe li.grd div.img a {
display: table-cell !important;
width: auto !important;
height: 123px !important;
text-align: center !important;
vertical-align: middle !important;
left: auto !important;
*left: auto !important;
top: auto !important;
*top: auto !important;
}

#ys_searchiframe li.grd div.dsc {
height: auto !important;
min-height: 90px !important;
margin: 5px 0 10px !important;
overflow: visible !important;
}

#ys_searchiframe .img-fix img {}

#ys_searchiframe li.grd .clf {}

#ys_searchiframe li form.btn-cart input.btn,
#ys_searchiframe li a.btn-cart {
padding: 5px 8px !important;
border: 0 !important;
border-radius: 3px !important;
font-weight: normal !important;
line-height: normal !important;
}

#ys_searchiframe #pgt {
padding: 8px 0 0 !important;
border-top: 2px solid #d7d7d7 !important;
}

#ys_searchiframe .lft {}
#ys_searchiframe #pgt span.cnt {}

#ys_searchiframe ul#pg {
padding: 0 !important;
border-width: 1px 0 1px 1px !important;
border-style: solid !important;
border-color: #c0c0c0 !important;
}

#ys_searchiframe ul#pg li {
margin: 0 !important;
padding: 0 !important;
border-right: 1px solid #c0c0c0 !important;
}

#ys_searchiframe ul#pg li.next {}
#ys_searchiframe ul#pg li.prev {}

#ys_searchiframe ul#pg li a {
display: inline-block !important;
padding: 2px 6px !important;
color: #000 !important;
background: #f0f0f0 !important;
font-weight: normal !important;
line-height: normal !important;
}

/* current */
#ys_searchiframe ul#pg li b {
display: inline-block !important;
padding: 2px 6px !important;
color: #000 !important;
background: #fff !important;
font-weight: bold !important;
line-height: normal !important;
}

/* .................... RESPONSIVE .................... */

#hamburger{display:none;}

/* ........................................ */
@media screen and (min-width:780px) {
	
	/* TOP NAV */
	
	header nav {
		text-align: center;
	}
	#topNav {
		display: inline-block;
		padding: 0;
		margin: 0;
	}
	#topNav li{list-style:none;}
	.mainNav {
	  display: inline-block;
	  position: relative;
	  border-bottom: 2px solid transparent;
	}
	.mainNav a.top {
	  color: #ffffff;
	  display: block;
	  padding: 15px;
	  text-decoration: none;
	  font-family: 'Lato', sans-serif;
	  font-size: 16px;
	  line-height: 1em;
          font-weight: 700;
	}
	.mainNav:hover {
		border-bottom: 2px solid #ca006f;
	}
	.mainNav:hover a {
		color: #ca006f;
	}
	.mainNav .sub {
		display: none;
		position: absolute;
		white-space: nowrap;
		-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
		box-sizing: border-box;
		background-color: #ffffff;
		padding: 20px 10px 0 0;
		margin-top: 2px;
		z-index:1000;
	}
	.mainNav .sub .viewall {
	  background-color: #ebebeb;
	  margin: 0 0 10px 10px;
	  font-weight: 400;
	}
	.mainNav .sub ul {
	  margin: 0;
	  padding: 0 40px 0 20px;
	}
	.mainNav .sub a {
		display: block;
		text-align: left;
		padding: 5px;
		text-decoration: none;
                text-overflow: ellipsis;
                overflow:hidden;
                max-width:300px;
		color: #3a3a3a;
	}
	.mainNav .sub a:hover {
		color: #ca006f;
		text-decoration: underline;
	}
	.mainNav:hover .sub {
		display: inline-block;
	}
	.mainNav .sub .image > img {
	  border: 1px solid #ebebeb;
	}
}

/* ........................................ */
@media screen and (max-width: 1180px){
	
	.inner {
	width: calc( 100% - 40px );
	padding: 0 20px;
	}

	.footerBoxes {
	flex-wrap: wrap;
	}

	.homeHeroContainer {
	float: none;
	width: auto;
	margin: 20px 0;
	text-align: center;
	}
	
	.kickerContainer {
	float: none;
	max-width: none;
	text-align: center;
	margin: 20px 0;
	}
	
	.kickers a {
	display: inline-block !important;
	margin: 0 5px !important;
	}
	
}

/* ........................................ */
@media screen and (max-width: 1035px){
	
    .section-wrap {
	padding:0 1%;
	}

}

/* ........................................ */
@media screen and (max-width: 1000px){

	nav#mmenu {
	display: none;
	}

    #mm-topNav > li:first-child,
    .mm-menu .mm-list>li>a.mm-subclose{ background: #cb0070; color: #ffffff;}
    #mm-topNav > li:first-child a{color: #fff;}
    .mm-menu .mm-list>li>a.mm-subclose:before{border-color: #ffffff;}
    .mm-list a{ color: #585b61;}
    .mm-menu .mm-list>li>a.mm-subopen:after{ color: #cb0070;}	

	.mainNav .sub {
		display: none !important; /* no megamenu on small screens */
	}	

	header .inner.header-top {
	background-image: none;
	}
	
	#logo-search {
	position: relative;
	}
	
	.header-social {
	float: none;
	margin: 0 0 10px;
	text-align: center;
	}
	
	.cartBar {
	position: static;
	}
	
	.cartLink {
	position: absolute;
	top: 60px;
	right: 15px;
	margin: 0 !important;
	}
	
	a.cartLink img {
	max-width:90px !important;
	max-height:90px !important;
	}

	.cartLink span {
	display: none;
	}

	#ys_superbar {
	display: none;
	}

	#yfc_mini {
	display: none;
	}

	.oneMobRow {
	position: static;
	float: left;
	width: 100%;
	}

	#hamburger {
	display: block;
	position: absolute;
	top: 65px;
	left: 15px;
	margin: 0 !important;
	}

	li.greymob{
	background: #f7f7f7;
	}

	ul.topNav {
	display: block;
	}
	
 	#logo-search {
		padding-bottom: 0;
	}

    #logo {
        float: none;
        text-align: center;
        display: block;
    }
	
    #logo img{
		max-height: 90px !important;
	}
	
	#topSearch {
		float: none;
		width: 100%;
		height: auto !important;
		clear: both;
		margin: 0;
		padding: 20px 20px 0;
		box-sizing: border-box;
	}

	#searcharea {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	
}

/* ........................................ */
@media screen and (max-width: 900px) {
	.footerBoxes .col111 {
		min-width: 200px;
	}
}

/* ........................................ */
@media screen and (max-width: 850px) {
	
	.fcol {
	width: calc(50% - 20px);
	}
	
 	.fcol:nth-of-type(2n+1) {
	clear: left;
	}
}

/* ........................................ */
@media screen and (max-width: 780px){
		
	.homeHeroContainer {
		float: none;
		width: 100%;
	}
	
	.kickerContainer {
		float: none;
		margin-left: 0;
		width: 100%;
	}

	.kickers {
		display: flex;
		margin-top: 30px;
	}
	
     #iframe_id iframe{
        width:280px !important;
        height: 293px !important
    }
	
	/* SEARCH PAGE */
	
	#ys_searchiframe #doc {
		width: 100% !important;
	}
	#ys_searchiframe #sidebar {
		float: none;
	}
	#ys_searchiframe .side #sidebar div.wrp {
	  width: 100%;
	}
	#ys_searchiframe .side #main {
		float: none;
		width: 100%;
	}

}

/* ........................................ */
@media screen and (max-width: 759px) {
	
	#ys_searchiframe .side #main {
		margin-left: 0 !important;
	}
	
	#ys_searchiframe .lft {
		display: block !important;
		float: left !important;
		clear: left !important;
		text-align: left !important;
	}
	
	#ys_searchiframe ul#pg,
	#ys_searchiframe #pgt span.cnt {
		display: block !important;
		float: left !important;
		clear: left !important;
		text-align: left !important;
		margin: 10px 0 0 !important;
	}
	
}

/* ........................................ */
@media screen and (max-width: 600px) {

	#ys_searchiframe li.grd {
		display: block !important;
		width: auto !important;
	}
	
	#ys_searchiframe li.grd div.dsc {
		min-height: auto !important;
	}

}

/* ........................................ */
@media screen and (max-width: 580px) {

	.newsletter > form {
		display: block;
	}
	.footerBoxes .box {
		margin-right: 0 !important;
		width: 100%;
	}
	.site-footer .inner {
		padding: 0 !important;
		width: 100%;
	}
	.footerBoxes {
		padding: 0 0 20px;
		text-align: center;
		width: 100% !important;
	}
	.footerBoxes h3 {
		text-align: center;
	}
	#logo img {
		max-width: 200px !important;
	}
	#hamburger img, .oneMobRow a.cartLink img {
		max-width: 25px !important;
	}
	.kickers {
		flex-wrap: wrap;
		text-align: center;
	}
	.kickers a {
		flex: auto;
		width: 100%;
	}
	.kickers a:first-of-type {
		margin-bottom: 0;
	}
.footer-box3 {
	max-width: 100%;
}
}

/* ........................................ */
@media screen and (max-width: 500px){

	#hamburger {
		left: 0;
	}
	
	a.cartLink {
		right: 0;
	}
	
	#topSearch {
		padding-left: 0;
		padding-right: 0;
	}
	
    .fcol{min-height:1%;}
	
}

/* ........................................ */
@media screen and (max-width:400px){
	
	body {
		font-size: 16px;
		line-height: 24px;
	}
	.column + .column.terms {
		max-width: 100% !important;
		margin: 20px 0;
	}
	#topSearch select {
		display: none;
	}
	#mainPage section {
		margin-bottom: 10px;	
	}
	.inner {
		padding: 0 10px;
		max-width: 90%;
	}
	.footerBoxes {
		text-align: center;
	}
	.footerBoxes .box {
		margin-bottom: 20px;	
	}
	#copyright {
		padding-bottom: 100px;
	}
	.fsection-name h1 {
		font-size: 30px;
		line-height: 32px;
	}
	header .inner {
		padding: 0;
		max-width: 100%;
	}
	.finner .name a {
		font-size: 15px;
		line-height: 20px;
	}	

	.price-row > .strike-price {
		display: block;
		margin: 0;
		padding: 0;
	}
	.section-wrap .price-row {
		margin-left: 0;
	}
	.price-row > .price {
		margin: 0;
	}
	#itemPage main {
		padding: 0 !important;
	}
	#itemPage main .price {
		margin-right: 20px;
	}
	.footerBoxes .box:first-child {
		min-width: 0 !important;
	}
	.footerBoxes .box:first-child img {
		width: 100%;
		display: block;
	}
	
	/* ..... CONTENTS ..... */
	
	
}

/* ........................................ */
@media screen and (max-width: 360px) {
    .fcol {width:100%}
}

/* .......... / site css .......... */