@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Edu+SA+Beginner:wght@600&display=swap");
/* ********** GLOBAL STYLING FOR VITACOST ********** */

/* ------ START Brand-Specific Color Rules ------ */
:root {
	--brand-blue: #1bb8d1;
	--brand-green: #92c03c;
}
.brand-blue {background: var(--brand-blue);}
.brand-green {background: var(--brand-green);}
.brand-red {background: #dc5215;}
.brand-yellow {background: #f1c118;}
.brand-purple {background: #af88c3;}
.brand-grey49 {background: #303030;}/* updated to 303030 */
.brand-grey66 {background: #666666;}
.brand-greycc {background: #CCCCCC;}
.brand-greyf9 {background: #f9f9f9;}
.brand-grey30 {background: #303030;}

.brand-blue1Light {background: #19b7d0;color: #fff;}
.brand-blue1Dark {background: #159aaf;color: #fff;}
.brand-yellow1Light {background: #f0c11a;color: #fff;}
.brand-yellow1Dark {background: #e2ab1c;color: #fff;}
.brand-purple1Light {background: #ae88be;color: #fff;}
.brand-purple1Dark {background: #92729f;color: #fff;}
.brand-red1Light {background: #db4226;color: #fff;}
.brand-red1Dark {background: #c13a20;color: #fff;}
.brand-green1Light {background: #92c03e;color: #fff;}
.brand-green1Dark {background: #759d31;color: #fff;}
.brand-ltOrange1Light {background: #fdc57a;color: #fff;}
.brand-ltOrange1Dark {background: #f0b071;color: #fff;}
.brand-teal1Light {background: #76c9af;color: #fff;}
.brand-teal1Dark {background: #66af9a;color: #fff;}
.brand-cream1Light {background: #fff4c8;color: #fff;}
.brand-cream1Dark {background: #e8dfb8;color: #fff;}
.brand-orange1Light {background: #ec8440;color: #fff;}
.brand-orange1Dark {background: #d17538;color: #fff;}
.brand-grey1Light {background: #e1e1dc;color: #fff;}
.brand-grey1Dark {background: #c4c4c1;color: #fff;}

/* Text Colors */
.brand-blueTxt {color: var(--brand-blue)}
.brand-greenTxt {color: var(--brand-green);}
.brand-redTxt {color: #dc5215;}
.brand-yellowTxt {color: #f1c118;}
.brand-purpleTxt {color: #af88c3;}
.brand-grey49Txt {color: #303030;}
.brand-grey66Txt {color: #666666;}
.brand-greyccTxt {color: #CCCCCC;}
.brand-greyf9Txt {color: #f9f9f9;}
.brand-grey30Txt {color: #303030;}
.brand-blue1LightTxt {color: #19b7d0;}
.brand-blue1DarkTxt {color: #159aaf;}
.brand-yellow1LightTxt {color: #f0c11a;}
.brand-yellow1DarkTxt {color: #e2ab1c;}
.brand-purple1LightTxt {color: #ae88be;}
.brand-purple1DarkTxt {color: #92729f;}
.brand-red1LightTxt {color: #db4226;}
.brand-red1DarkTxt {color: #c13a20;}
.brand-green1LightTxt {color: #92c03e;}
.brand-green1DarkTxt {color: #759d31;}
.brand-ltOrange1LightTxt {color: #fdc57a;}
.brand-ltOrange1DarkTxt {color: #f0b071;}
.brand-teal1LightTxt {color: #76c9af;}
.brand-teal1DarkTxt {color: #66af9a;}
.brand-cream1LightTxt {color: #fff4c8;}
.brand-cream1DarkTxt {color: #e8dfb8;}
.brand-orange1LightTxt {color: #ec8440;}
.brand-orange1DarkTxt {color: #d17538;}
.brand-grey1LightTxt {color: #e1e1dc;}


.brand-blue,
.brand-green, 
.brand-yellow, 
.brand-red, 
.brand-purple, 
.brand-blue *, 
.brand-green *, 
.brand-yellow *, 
.brand-red *, 
.brand-purple *{
	color: #fff;
}

.captionColorWhite {color:#FFF;}

/* Legacy color/gradient rules */
.blue, .green, .yellow, .red, .blue *, .green *, .yellow *, .red * {
	color: #fff;
}
.blue .view-more:hover, .red .view-more:hover, .yellow .view-more:hover, .green .view-more:hover {
	color: inherit;
	opacity: .8;
}

 /* ####### START General Page Architecture ####### */

.ctt { 
	margin: 0; 
}
.desktop .cw {
  overflow-x: hidden;
  float: left;
  width: 100%;
}
.cnrCttW {
  margin-top: 1px;
  min-height: 630px;
}
#dealWrapper {
	width: 100%;
	overflow: hidden;
	display: inline-block;
}
#dealWrapper section {
	float: none;
	clear: none;
	max-width: 1290px;
	margin: .5vw auto 1vw;
	display: block;
	width: auto;
}
.hide-med, .hide-small {
	display: none;
}
a img {
    max-width: 100%;
}

/* ####### START Global Header Rules ####### */

#HeaderWrapper {
  background-color: #fff;
}
.flex-content {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}
.flex-right-auto {
  margin-left: auto;
}
.flex-left-auto {
  margin-right: auto;
}

/* ---- Global Nav ---- */
.global-nav-content {
	display: flex;
	width: 1280px;
	align-items: center;
	flex-flow: row wrap;
}
.global-nav-offers a {
	color: #fff;
}
.global-nav-offers a:hover {
	text-decoration: underline;
}
.global-nav-fs {
	padding-left: 5px;
}
.offer-item {
	font-weight:bold;
}
.global-nav-options {
	margin-left: auto;
	position: relative;
}
.global-nav-options ul {
	display: flex;
	align-items: baseline;
	line-height: 40px;
}
.global-nav-options li {
	float: left;
}
.global-nav-options a {
	color: #FFF;
}
/* ---- pipes for links ---- */
.add-pipe-left {
	border-left: 1px solid rgba(255,255,255,.4);
	padding-left: 10px;
	margin-left: 10px;
}
.add-pipe-right {
	padding-right: 13px;
	border-right: 1px solid rgba(255,255,255,.4);
}

/* ---- inset shadow on nav images ---- */
.insetty {
	max-width:212px;
	box-shadow: inset 0 0 4px #2E2E2E;
}
.panel-grid img {
	z-index:-1;
	position: relative;
	display: block;	
}

/* ---- Top bar ---- */
#templateStripe {
	width: 100%;
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--brand-green);
	color: #fff;
	font-size: 14px;
}
#siteStripe {
	background: #1CB8D1;
}
#siteStripe img {
	width: 100%;
	text-align: center;
	cursor: pointer;
}	

/* ---- EMAIL SIGN UP ---- */
#headerEmailSignUp {
	margin-top: 0;
	letter-spacing: 0;
	font-size: 14px;
	position: relative;
	height: 40px;
}
#headerEmailSignUp > a {
	line-height: 0;
}
#headerEmailSignUp .icon-mail {
	font-weight: normal;
}
#emailSignupTopNav {
 	top: 42px;
	right: 50%;
	margin-right: -182px;
	box-shadow: -1px 0px 2px rgba(0, 0, 0, 0.3), 6px 6px 8px rgba(0, 0, 0, 0.3);
}
#emailSignupTopNav p {
    line-height: 20px;
    font-size: 14px;
    font-family: 'Roboto Slab', serif;
    color: #303030;
}
#emailSignupTopNav h3 {
    color: #303030;
    border-bottom: 1px solid #e6e6e6;
    padding:0 0 .2em;
    margin: 0 0 11px;
}
.email-top-content {
    background-color: #ffffff;
    padding: 22px 22px 10px;
} 
#emailSignupTopNav .top-email-close.icon-cancel-circled {
    color: #303030;
}  
#emailSignupTopNav .email-input {
     background: #f1f1f1;   
    padding: 8px 40px; 
    font-size: 14px;
    border-radius: 2px;
}
.email-top-action > button {
    background-color: #1CB8D1;    
    font: bold normal 16px/40px Arial, sans-serif;
    height: 40px;
    padding:0;
}
span.icon-mail.nav-top-row {
    color: #fff !important;
}
.input-wrapper .icon-mail:before {

    content: "/1F582";
    position: absolute;
    left: 12px;
    top: 0px;
    color: #c1c1c1 !important;
}
#emailSignupTopNav .input-wrapper.icon-mail:before {
    top: 12px;
    color: #c1c1c1 !important;
}

/* ---- Main Nav & search bar ---- */
#yourAccount > a, #customerService > a {
    font-weight: normal;
}
.ss-search-wrap {
	position: relative;
	width: 440px;
	padding-bottom: 11px;
}
.ss-search-wrap:before {
	font-family: 'Vitacost';
	content: '\e801';
	position: absolute;
	top: 0;
	right: 0;
	font-size: 22px;
	color: var(--brand-green);
	height: 35px;
	width: 35px;
	border-radius: 50px;
	background-color: #fff;
	text-align: center;
	line-height: 36px;
	border: 1px solid #d8d8d8;
}
#searchInput {
	box-shadow: 0px 1px 5px 0px #ccc inset;
	height: 38px;
}


/* ---- AJAX search popup rules ---- */
#apiSearch #searchNav{
    height: 465px !important;
}
[id=searchNav] .sub-active {
    background: #f1f1f1 !important;
}
[id=searchProds] {
  background: #f1f1f1 !important;
}
[id=searchProds] .img-holder{
  border: 0px !important;
}
.priceHover .small {
    color: #fff !important;
}

[class^=mod] .mod-text-center h3, [class^=mod] .mod-text-center h4 {
	font-size: 28px;
}

/* ####### START Main Flex Rules ####### */

[class^=vm_], .vm_banner div.banner_content1, .vm_banner div.banner_content2, .vm_deals .mod1, .mod-text, .mod2 {
	
	display: flex;
}
[class^=vm_], .mod2, .vm_blog.blog-single, .stack_left .mod2 {
	
	flex-direction: row;
}
.mod2, .vm_blog, .stack_left {
	
	flex-direction: column;
}
[class^=vm_], .mod2 {
	
	flex-wrap: nowrap;
}
[class^=vm_], .vm_deals .mod1, .mod33>div, .mod25, .mod-text {
	
	flex-wrap: wrap;
}
.vm_banner .vm_deals, .vm_blog, .vm_deals, .mod2 {
	
	align-items: stretch;
}
.mod1 .mod-text+.mod-image {
	
	align-self: flex-end;
}
.vm_banner h2, [class^="iconm-"] {
	
	align-self: center;
}
.vm_banner div.banner_content1, .vm_banner div.banner_content2, .mod-text {
	
	align-content: center;
}
.vm_banner div.banner_content1, .vm_banner div.banner_content2 {
	
	flex: 1 1 0;
}

/* ---- Category page gradient replacements ---- */

.category-grey {
	background: #eee;
}
[id=categoryPage] [class *=brand-] h3, [id=categoryPage] [class *=brand-] h4, [id=categoryPage] [class *=brand-] p {
	color: #FFF;
}
[id=categoryPage] [class *=brand-] .view-more:hover, [id=categoryPage] [class *=category-grey] .view-more:hover {
	color: #262626;
	background: #FFF;
}
[id=categoryPage] [class *=brand-] .view-more:after, [id=categoryPage] [class *=category-grey] .view-more:after {
	content: none;
}
[id=categoryPage] [class *=category-grey] a {
	border: 1px solid #262626;
}

/* ---- Icons ---- */
.desktop div.free-ship, .tablet div.free-ship {
    font-size: 13px;
    height: 15px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    width: 100%;
    color: var(--brand-blue);
    flex-grow: 1;
    display: block;
    position: absolute;
    top: 0px;
}
.phone div.free-ship {
    font-size: 11px;
    height: 15px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    width: 100%;
    color: var(--brand-blue);
    flex-grow: 1;
    display: block;
    position: absolute;
    top: -14px;
}

/* Free Shipping Ribbon */
.desktop .show-grid .product-block-interior .pb-image {
    position: relative;
    overflow: hidden;
    border: none;
}
.desktop .show-grid .product-block-interior .pb-image .ssicon.free-ship {
    color: #FFF ;
    background: #4a859e;
    transform: rotate(-45deg);
    top: 32px;
    left: -65px;
    font-size: 15px;
    height: auto;
    line-height: 1.8em;
    width: 225px;
}


.desktop div.clearance, .tablet div.clearance {
    font-size: 13px;
    height: 15px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    width: 100%;
    color: var(--brand-blue);
    flex-grow: 1;
    display: block;
    position: absolute;
    top: 0px;
}


/* Buy Again Ribbon */
.desktop .pb-image .ssicon.buy-again, .tablet .pb-image .ssicon.buy-again {
    color: #FFF;
    background: linear-gradient(225deg, black, transparent 35%),
	#8fc042;
    transform: rotate(-46deg);
    top: 32px;
    left: -65px;
    font-size: 15px;
    height: auto;
    line-height: 1.8em;
    width: 225px;
    z-index: 3;
    font-weight: bold;
    text-align: center;
    margin: 0;
    flex-grow: 1;
    display: block;
    position: absolute;
}

/* Price Drop Ribbon */
.desktop .pb-image .ssicon.price-drop, .tablet .pb-image .ssicon.price-drop  {
    color: #FFF;
    background: #59b67b;
    transform: rotate(-46deg);
    top: 32px;
    left: -65px;
    font-size: 15px;
    height: auto;
    line-height: 1.8em;
    width: 225px;
    z-index: 3;
    font-weight: bold;
    text-align: center;
    margin: 0;
    flex-grow: 1;
    display: block;
    position: absolute;
}
.phone div.price-drop {
    background: #59b67b !important;
}

/* Exclusive Ribbon */
.pb-image .ssicon.flag-exclusive {
    color: #FFF;
    background: var(--brand-blue);
    transform: rotate(-46deg);
    top: 32px;
    left: -65px;
    font-size: 15px;
    height: auto;
    line-height: 1.8em;
    width: 225px;
    z-index: 3;
    font-weight: bold;
    text-align: center;
    margin: 0;
    flex-grow: 1;
    display: block;
    position: absolute;
}

/* top seller Ribbon  */

div.top-seller, .tablet div.top-seller { 
	font-size: 13px;
	height: 15px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	width: 100%;
	color: #2f302f;
	background: #f1c215;
	flex-grow: 1;
	display: block;
	position: absolute;
	top: 0px; 
}
.show-grid .product-block-interior .pb-image .top-seller {
	color: #2f302f;
	background: #f1c215;
	top: 0px;
	left: 0px;
	font-size: 15px;
	height: auto;
	line-height: 1.8em;
	width: 110px;
}
div.top-seller:before {
  content: '\2605\20';

}

[class^="iconm-"] {
	padding: 17px 0 17px 72px;
	background: url(/images/modules/icon-money.png) no-repeat 0 50%;
}

.iconm-heartb {
	background-image: url(/images/modules/heart_blue_O.png);
}
.iconm-cart {
	background-image: url(/images/modules/cart_red_O.png);
}
.iconm-leaf {
	background-image: url(/images/modules/leaf_green_O.png);
}
.iconm-dollar {
	background-image: url(/images/modules/dollar_purple_O.png);
}
#vitacostGuarantee .iconm-heartb {
	padding: 17px 0 17px 62px;
}
#vitacostGuarantee .iconm-heartb span {
	font-size: 12px;
	color: #000;
}
.mod-text.iconm img {
	width: auto;
	margin: 0 auto .5em;
}
.iconm {
	padding: 2em;
}

/* ####### START Module-Specific Rules ####### */

/* ---- 7 block module ---- */

.center-block>div:nth-of-type(2) {
	margin-top: .9vw;
}
.center-block>div:nth-of-type(3) {
	margin-top: .9vw;
}

[class^="mod"] .hover-grid h3, .hover-grid h3 {
	font-size: 24px;
	font-family: "Roboto Slab", Arial, sans-serif;
}
[class^="mod"] .hover-grid h4, .hover-grid h4 {
	font-size: 1.2em;
}

/* ---- Fade clip rules ---- */
.fade-clip {
	position: relative;
	overflow: hidden;
	display: inline-block;
}
.js .fade-clip {
	height: 250px;
}
[id=categoryPage] .fade-clip .view-more {
    max-width: 100%;
   text-align:left;
    padding: 30px 0 0;
    background: rgba(242, 242, 242, 0);
    background: -webkit-linear-gradient(legacy-direction(to bottom), rgba(242, 242, 242, 0) 0%, #eee 30%);
    background: linear-gradient(to bottom, rgba(242, 242, 242, 0) 0%, #eee 30%);
    border:0;
}
.fade-clip .view-more {
	font-size: 18px;
	max-width: 100%;
	padding: 30px 0 0;
	border: 0;
	text-align: left;
	background: transparent linear-gradient(to bottom, rgba(242, 242, 242, 0) 0%, #eee 30%) repeat scroll 0 0;
	color: #000;
	margin-top: 0;
	cursor: pointer;
	position: absolute;
	bottom: 0;
	width: 100%;
}
.fade-clip.expanded {
	height: auto;
	max-height: 100%;
	overflow: visible;
}
.fade-clip.expanded .view-more {
	position: static;
	background: transparent;
}
.fade-clip.expanded .view-more:after {
	content: '\e81e';
}


/* ---- vm_banner ---- */
.vm_banner {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 42px;
	padding-bottom: 42px;
	margin-bottom: 1vw;
}
.vm_banner .vm_deals {
	padding: 0 25%;
}
.vm_banner h2 {
	font: bold 50px/1.2 Arial, sans-serif;
	margin: 0;
	text-align: center;
}
.vm_banner .mod-text+.mod-text {
	background: #fff;
	color: #303030;
	font-weight: normal;
}
#dealWrapper .vm_banner section {
	width: 80vw;
	max-width: 748px;
}


/* ---- vm_blog ---- */
.vm_blog p+a, .deal-list h3+a, .view-more {
	color: inherit;
	font: bold 14px/18px Arial, sans-serif;
	display: inline-block;
	text-decoration: none;
}
.vm_blog p+a:hover, .deal-list h3+a:hover, .view-more:hover {
	color: #4167b1;
}
.vm_blog p+a:after, .deal-list h3+a:after, .view-more:after, [id=dealWrapper] .d-shopAll:after {
	content: "";
	font-family: vitacost;
	margin-left: .2em;
	height: 24px;
	vertical-align: middle;
	display: inline-block;
}
.blog-bullets {
  list-style: initial;
  margin-left: 1rem;
}

/* ---- CSS Helper Classes ---- */
.mobile-soloImg img{
    display: block;
    width: 100%;
}
.mod-text.big h3 {
	font-size: 78px;
}
.mod-text.big h4 {
	font-size: 28px;
	margin: 0;
}
.mod-text.big p {
	font-size: 20px;
}

[class^=vm_] p {
	font-size: 18px;
}
[class^=vm_] * {
	box-sizing: border-box;
	max-width: 100%;
}

/* ---- Popups and tooltip overrides ---- */
.bmlSCMsgBxToolTip {
    border: solid 1px #a9a9a9;
    border-radius: 0;
    box-shadow: 2px 6px 20px rgba(0,0,0,.4);
    box-shadow: -1px 0px 2px rgba(0, 0, 0, 0.3), 6px 6px 8px rgba(0, 0, 0, 0.3);
}

.msgBx, .cart-flyout, .vcMsgBx {
    border: solid 2px #a9a9a9;
    border-radius: 0;
    box-shadow: 2px 6px 20px rgba(0,0,0,.4);   
}
.ui-dialog-content {
    border: solid 2px #a9a9a9;
    border-radius: 0;
    box-shadow: 2px 6px 20px rgba(0,0,0,.4);
}
.vm_banner div.banner_content2 {
	padding: 1em 2em;
}
.mod2 {
	flex-basis: 100%;
}
[class^=vm_] .mod1, [class^=vm_] .mod2 {
	margin: 0 0 1vw;
}
.vm_blog {
	min-height: 250px;
}
.deal-list {
	background: #fff;
}
.deal-list>div {
	padding: 16px 30px 30px;
}
.vm_deals ul {
	font: normal 20px/1.2 arial, sans-serif;
	list-style: none;
	padding-left: 0;
	margin: 0;
}
.vm_deals ul li {
	background: url(/images/modules/indicator-right.png) no-repeat 0 50%;
	padding-left: 1.2em;
	margin-top: 10px;
	margin-bottom: 20px;
}
.vm_deals ul li, .vm_deals ul li a {
	color: #868686;
	text-decoration: none;
}
.vm_deals ul li a:hover {
	color: #4167b1;
}
.vm_deals .mod1 {
	font-size: 0;
	padding: 0;
}
[class^=mod] h3, .deal-list h3, .brackets {
	font-family: "Roboto Slab", serif;
	margin: 0;
	position: relative;
}
.mod33>div {
	flex-basis: 100%;
}
.mod25>div {
	flex: 1 0 99%;
}
.mod25 .mod-text img {
	width: auto;
}
.mod-text {
	font: 18px/1.2 Arial, sans-serif;
	color: #fff;
	padding: 25px 3em;
}
.mod-text>*, .vm_blog h3 {
	width: 100%;
	display: inline-block;
}
.mod-text>h4 {
	margin: .45em 0 0;
	font-weight: bold;
}
.mod-text p {
	margin: 5px 0;
}
.mod-image {
	font-size: 0;
}
.mod-image, .mod-image img {
	width: 100%;
}
.deal-list h3 {
	text-align: center;
}
.deal-list h3+a {
	text-align: center;
	width: 100%;
	color: #276cbc;
	font-size: 18px;
}
.blue, .red, .yellow, .green {
	background: url(/images/modules/blue-sq.jpg) no-repeat 50% 50%/cover;
}
.red {
	background-image: url(/images/modules/red-sq.jpg);
}
.yellow {
	background-image: url(/images/modules/yellow-sq.jpg);
}
.green {
	background-image: url(/images/modules/green-sq.jpg);
}
.gray {
	background-color: #eeeeee;
}
.gray .mod-text {
	font-weight: normal;
	padding: 0 1em;
}
.txt-blue, .txt-blue p {
	color: #01B8D3;
}
.txt-red, .txt-red p {
	color: #DC5215;
}
.txt-green, .txt-green p {
	color: #72C525;
}
.txt-yellow, .txt-yellow p {
	color: #E79500;
}
.txt-purple, .txt-purple p {
	color: #B779BF;
}
.mod2 .mod-image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	height: 47vw;
}
.mod2 .mod-image img {
	width: 100%;
	height: 100px;
}

/* ---- START Caption Block for CAT Pages ---- */
.captionBlockContainer .slideCaption .captionText h3 {
	font-size: 25px;
}
.captionBlockContainer .captionBlock1 {
	position: relative;
	overflow: hidden;
	margin: 0 0 1vw;
	padding: 0px;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.captionBlockContainer .slideCaption {
	width: 100%;
	color: #FFF;
	overflow: hidden !important;
	margin: 0 auto !important;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.captionBlockContainer .slideCaption .captionText {
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	cursor: pointer;
	opacity: 1;
	position: absolute;
	bottom: 0;
	height: 50px;
	padding: 2.7% 0 0% 0;
	width: 100%;
	transition: all .5s ease-in-out;
	-webkit-transform: translate3d(0, 0, 0);
}
.captionBlockContainer .captionBlock1 img {
	margin-bottom: 47px;
	padding: 0px;
	transition: all .5s ease-in-out;
}
.captionBlockContainer .captionBlock1:hover .captionText {
	height: 92px;
	position: absolute;
	bottom: 0px;
}
.captionBlockContainer .shopNowLink:after {
	content: '\203A';
	font: 300 24px/18px "Roboto Slab";
	margin-left: .2em;
	height: 25px;
	vertical-align: middle;
	display: inline-block;
	color: #FFF;
}

/* ----  START Circle Overlay ---- */
.overlayContainer {

    flex-grow: 1;
    flex-basis: 0;
} 
.vm_Overlay {
    flex-direction: row;
}
.phone .vm_Overlay {
    flex-direction: column;
}
.vm_Overlay h2{
    font-size: 24px;
    font-family: "Roboto Slab", serif;
    margin: 0;
    position: relative;
    color: #000;
}
.vm_Overlay p{
    font: normal 16px/1.2 Arial, sans-serif;
    color: #000;
}
.circleOverlay {
    border-radius: 50%;
    width: 75vw;
    max-width: 150px;
    height: 75vw;
    max-height: 150px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    border: 5px solid #fff;
}
.roundedRect {
    background: #eee;
    border-radius: 120%/100px 100px 0 0;
    text-align: center;
    padding: 24% .75vw 5% .75vw;
    margin-top: -20%;
    min-height: 80%;
    margin-left: 0px !important;
}
/* ----  END Circle Overlay  ---- */


/* ---- START ENDECA MOD CSS ---- */
#endecaContentSection .EDC-container {
	margin: 1vh 0;
	background-color: #eee;
	display: flex;
	flex-flow: row nowrap;
	align-items: stretch;
	max-width: 100%;
}
#endecaContentSection .EDC-circleImg {
	margin: 30px;
	box-sizing: border-box;
	height: 9vw;
	width: 9vw;
	min-width: 150px;
	min-height: 150px;
	border-radius: 50%;
	max-width: 150px;
	max-height: 150px;
	text-align: center;
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
#endecaContentSection .EDC-containerInner {
	margin: 0;
	padding: 1em 1em 1em 0;
	text-align: left;
	background-color: #eee;
	flex: 1 1 0px;
	justify-content: center;
	display: flex;
	flex-direction: column;
}
#endecaContentSection .EDC-containerInner h1, #EDC-copy h1 {
	margin: 0 0 10px 0;
}
#endecaContentSection .EDC-containerInner h2, #EDC-copy h2 {
	margin: 0 0 10px 0;
	font-size: 24px; 
}
#endecaContentSection .EDC-extraPad {
	padding: 7px 30px;
}
#endecaContentSection .EDC-extraPad a {
	font: bold 17px/1.2 Arial, sans-serif;
	color: #0d4ba2;
	clear: both;
	display: block;
	text-decoration: none;
	padding: 4px 0 0 0;
}
#endecaContentSection .EDC-extraPad a:hover {
	text-decoration: underline;
}
#endecaContentSection .EDC-containerInner p {
	color: #303030;
	font: normal 17px/1.2 Arial, sans-serif;
	margin: 0 0 14px 0;
}
#EDC-copy .read-more-toggle {
	display: none;
}
#EDC-copy .read-more-content {
	max-height: 0px;
	overflow: hidden;
	transition: max-height .5s ease;
}
#endecaContentSection #EDC-copy .disclaimerT {
	font-size: 10px;
	clear: both;
}
#EDC-copy p br {
	display: block;
}
#EDC-copy .read-more-toggle-label {
	display: inline-block;
	user-select: none;
	cursor: pointer;
	border: none;
	padding: 0;
	margin: 0;
	background: #eee;
	font-size: 14px;
	color: #999;
	font-weight: normal;
	text-transform: uppercase;
}
#EDC-copy .read-more-content h2 {
	font: normal 20px/1.5 "Roboto Slab", Arial, sans-serif;
}
#EDC-copy .read-more-content .b50infoBox {
	float: left;
	height: auto;
	border-left: 2px solid #f28b14;
	padding: 0 0 0 15px;
	max-width: 300px;
	margin: 18px 10px 12px 17px;
}
#EDC-copy .read-more-content .b50infoBox p {
	margin: 3px 0 4px;
}
.EDC-containerInner a {
	font: bold 17px/1.2 Arial, sans-serif;
	color: #0d4ba2;
	text-decoration: none;
}
.EDC-containerInner a:hover {
	text-decoration: underline;
}
#EDC-copy .read-more-content .b50infoBox a {
	font: bold 17px/1.2 Arial, sans-serif;
	color: #0d4ba2;
	clear: both;
	display: block;
	text-decoration: none;
	padding: 4px 0 0 0;
}
#EDC-copy .read-more-toggle-label:after {
	content: "Read More \E817";
	display: inline-block;
	font-family: vitacost, Aerial, sans-serif;
}
#EDC-copy .read-more-toggle:checked+.read-more-content {
	display: block;
	/* set to some height larger than the content - CSS Animation fix */
	max-height: 1000px;
}
#EDC-copy .read-more-toggle:checked+.read-more-content+.read-more-toggle-label:after {
	content: "Collapse \E818";
}
.phone .EDC-containerInner a {
    font: bold 14px/1.2 Arial, sans-serif;
}
/* ******* END ENDECA MOD CSS ******* */

/* ******* Triple Blog Fix ******* */

.vm_blog>div:not(.circle) {
	margin: 0 0 0 .5rem;
}
.tablet .vm_blog>div:not(.circle):nth-of-type(3) {
	margin-top: 0;
	margin-left: 1vw;
}
.triple-blog.triple-blog .circle {
	max-width: 280px;
	max-height: 280px;
	margin: 0 auto;
}
.triple-blog .blogbox {
	background-color: #fff;
}
.triple-blog a::after {
	content: '\203A';
	font: 300 24px/18px "Roboto Slab";
	margin-left: .2em;
	height: 24px;
	vertical-align: middle;
	display: inline-block;
}
.triple-blog h3 {
	color: #222;
	margin-top: 10px;
	text-align: center;
}
.triple-blog p+a {
	color: var(--brand-green);
	font: bold 17px/1.2 Arial, sans-serif;
}
.triple-blog a {
	color: var(--brand-green);
	font: bold 17px/1.2 Arial, sans-serif;
	text-align: center;
	width: 100%;
	margin: .5em 0 0 0;
	display: block;
}
.triple-blog a:hover, .triple-blog p+a:hover {
	color: #303030;
}
.vm_blog p {
	margin-top: 0;
}
.center.circle.crop-left {
	margin: 0 auto;
}
/* END Triple Blog fixes */

.vm_blog>div, .vm_blog.blog-single {
	background-color: #eee;
}
.vm_blog>div {
	text-align: left;
	width: 100%;
	margin: 0 1%;
	padding: 30px 2%;
}
.vm_blog>div>div:first-child {
	flex: 1 0 250px;
}
.no-flexbox.no-flexboxlegacy .vm_blog>div {
	float: left;
	clear: none;
	width: 27%;
}
.vm_blog .circle {
	border-radius: 50%;
	width: 75vw;
	max-width: 250px;
	height: 75vw;
	max-height: 250px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	position: relative;
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.vm_blog .circle.crop-left {
	background-position: 0 50%;
}
.vm_blog .circle.crop-right {
	background-position: 100% 50%;
}
.vm_blog.blog-single .circle {
	margin: 30px;
	box-sizing: border-box;
}
.vm_blog.blog-single .circle+div {
	padding-top: 0;
}
.vm_blog img {
	width: auto;
	height: auto;
	max-height: 300px;
}
.vm_blog h3 {
	color: #E64600;
	font: 300 normal 24px/1.2 "Roboto Slab", serif;
	margin-bottom: 0;
}
.vm_blog .fade-clip h3 {
	color: #303030;
	font: normal 18px/1.2 HelveticaNeue, Helvetica, "Segoe UI", Roboto, sans-serif;
	margin: 1em 0 .3em;
}
.vm_blog p {
	color: #303030;
	font: normal 17px/1.2 Arial, sans-serif;
}
.triple-blog div:first-of-type {
	margin-left: 0;
}
[id=dealWrapper] .triple-blog .circle {
	max-width: 288px;
	max-height: 288px;
}
.mod-header {
	text-align: center;
}
.mod-header h2, [id=categoryPage] section .mod-header h2  {
	font-size: 2.5em;
	font-weight: bold;
}
.banner_content1 {
	background: #fff;
	color: #303030;
	font-weight: normal;
	text-align: center;
}
.mod60-40 div:nth-of-type(2) {
	margin-left: 1vw;
}
.mod40-60 div:nth-of-type(2) {
	margin-left: 1vw;
}
.mod50-50 div:nth-of-type(1) {
	margin-right: 1vw;
}
/* change on mobile */

.mod33 div:nth-of-type(2), .mod33 div:nth-of-type(3) {
	margin-left: 1vw;
}
.mod25 div:nth-of-type(2), .mod25 div:nth-of-type(3), .mod25 div:nth-of-type(4) {
	margin-left: 1vw;
}
.stack_left {
	margin-right: 1vw;
}
.stack_right {
	margin-left: 1vw;
}
.vm_blog li {
	color: #303030;
	font: normal 17px/1.2 Arial, sans-serif;
}
.vm_blog ol {
	list-style-type: decimal;
	margin-left: 2vw;
}
.vm_banner .bold {
	font-weight: 500;
}
.vm_blog .bold {
	font-weight: bold;
}
.vm_blog .italic {
	font-style: italic;
}
.banner_content1 a {
	color: #999;
}
.banner_content1 a.current {
	color: #000;
}
.vm_banner .vm_deals {
	margin: 0 auto;
	padding: 0 5%;
}
.vm_banner div.banner_content1 {
	width: 36em;
	flex: none;
}
.vm_deals h4 {
	font-size: 1.2em;
}
.vm_banner a:hover {
	font-style: italic;
}
.vm_clickable, .vm_newtab, .clickable-container {
	cursor: pointer;
}
#dealWrapper .module_spacing {
	margin-bottom: 2.5%;
}
.product-block a {
	font-size: 15px;
}
/* global product lists */
.pOurPriceM-Scroll {
    font-size: 18px;
    font-weight: bold;
}
.product-block .vcslide-desc {color: #666;}

.deal-list {
	background: #fff;
	flex: 1 0 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.moddeals {
	flex: 1 0 50%;
}
.shopAll {
	float: right;
	font-size: 1.2em;
	font-weight: bold;
	text-align: right;
}
.shopAll a:after, .d-shopAll:after, .lmcaret::after {
	content: '\203A';
	font: 300 24px/18px "Roboto Slab";
	margin-left: .2em;
	height: 24px;
	vertical-align: middle;
	display: inline-block;
}
[id=dealWrapper] .shopAll {
	font-size: 1.2rem;
}
.lmcaret {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
}
.view-more, [id=categoryPage] .view-more {
	font-size: 18px;
	max-width: 200px;
	padding: .6em 0;
	border: 1px solid #fff;
	text-align: center;
	background: rgba(255, 255, 255, 0.5);
	color: #000;
	margin-top: .5em;
}
#modWrapper {
	width: 100%;
	max-width: 1280px;
    font: 1.2em/1.4em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #303030;
}
#modWrapper .padding-left-2em {
	padding-left: 2em;
}

#modWrapper .vm_banner {
	min-width: 320px;
}
#modWrapper .container {
	width: 85%;
	min-width: 320px;
	margin: 0 auto;
}
#modWrapper .banner_content1 h3 {font-size:2em;}

#modWrapper h4 {
	color: #303030;
	font: 600 1.6em "Roboto Slab", serif;
}
#modWrapper h5 {
	color: #303030;
	font: bold 1.4em "Roboto Slab", serif;
}
#modWrapper .container .bold {
	font-weight: bold;
}
#modWrapper .italic {
	font-style: italic;
}
#modWrapper .uppercase {
	text-transform: uppercase;
}
#modWrapper .underline {
	text-decoration: underline;
}
#modWrapper ol {
	list-style-type: decimal;
	margin-left: 4em;
	font-size: 1.1em;
}
#modWrapper ul {
	list-style-type: disc;
	margin-left: 4em;
	font-size: 1.1em;
}
#modWrapper .center {
	text-align: center;
}
#modWrapper .right {
	text-align: right;
}
#modWrapper .container p {
	font-size: 1.1em;
}
#modWrapper .border-bottom {
	border-bottom: dashed 1px gray;
}
#modWrapper .mod25 p {
	font-size: 1.3em;
	padding-top: .8em;
}
#modWrapper .padding-right-2em {
	padding-right: 2em;
}
#modWrapper .padding-right-5em {
	padding-right: 5em;
}
#modWrapper .simple-list {
	list-style-type: none;
}
#modWrapper .simple-list li {
	margin: 0;
	padding: 0;
	background: none;
}
#modWrapper p.medium-font {
	font-size: 1.6em;
}
.info-block-large {
	height: 18em;
	width: 80%;
	margin: 2em auto;
}
.info-block-small {
	height: 7em;
	margin: 2em auto;
}
.left-responsive-150 {
	height: 100%;
	max-height: 150px;
	float: left;
	margin-right: 5em;
}
.left-responsive-50 {
	width: 100%;
	max-width: 50px;
	float: left;
	margin-right: 2em;
}
.right-responsive-30 {
	width: 100%;
	max-width: 30px;
	float: right;
}

.module_spacing .text-resource {
    background-color: #eee;
}
.vm_textblock {
	background-color: #eee;
	padding: 10px 2%;
	flex-direction: column;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    max-width: 900px;
}
.vm_textblock>* {
	width: 100%;
	color: #303030;
	font: normal 17px/1.2 Arial, sans-serif;
}
.vm_blog h3, .vm_textblock h3 {
	color: #222;
	font: 300 normal 24px/1.2 "Roboto Slab", serif;
	margin-bottom: 0;
}
.vm_textblock h4, .vm_textblock a {
	font-weight: bold;
	margin: 1em 0;
}
.vm_textblock a, .mellip {
	color: #4167b1;
	text-decoration: none;
	cursor: pointer;
}
.catTitle {
	font: 400 normal 23px/1.5 "Roboto Slab", serif;
	text-align: left;
	color:#303030;
}
/* change default shop all links to standard blue (for carousels) */
.catTitle .shopAll a {
    color: #276cbc;
}
.phone .carShopAll {
    float: right;
}
.car-btn {
  float: none;
  clear: both;
  display: block;
  width: 100%;
  text-align: center;
  padding-top: 20px;
  z-index:1;
}
.car-btn a{
  border: 0;
  background: #303030;
  color: #fff;
  font: bold normal 16px/40px Arial, sans-serif;
  font-size: 16px;
  line-height: 40px;
  height: 40px;
  border-radius:2px;
  text-shadow: none;
  white-space: nowrap;
  padding: 0 40px;
  overflow: visible;
  display: inline-block;
}
.car-btn a:hover{
    background:#000;
}

[id=categoryPage] .catTitle, [id=categoryPage] .catTitleMain, [id=categoryPage] .catTitle a, [id=categoryPage] .blogExtraLink, [id=categoryPage] .LCNTop2, [id=categoryPage] .LCNTop2 a {
	color:#303030;
}
section .btmBrdr {
 border-bottom:none;
 display:inline;
 font: 400 normal 18px/1.5 "Roboto Slab", serif;
}


.fullw-container section {
	float: none;
	clear: none;
	max-width: 1290px;
	margin: 0.5vw auto 1vw;
	display: block;
	width: 100%!important;
}


/* ---- START vc slider: STILL USED FOR NEW SWIPER CAROUSEL! DO NOT REMOVE! ---- */
.vc-slider {
	width: 100%;
	min-height: 310px;
}
.desktop .vc-slider, .tablet .vc-slider {
 	padding-top:1.5em;
 	margin-top:.5em;
}
.desktop div:not(.btmBrdr) + .vc-slider, .desktop div:not(.shopAll) + .vc-slider, .tablet div:not(.shopAll) + .vc-slider, .tablet div:not(.btmBrdr) + .vc-slider {
    border-top: 1px solid #CCC;
}

.vc-slider .slide-content {
	position: absolute;
	width: 100%;
	height: 300px;
	padding: 0;
	margin: 0;
	list-style: none;
}
.vc-slider .slide-content.banner li {
	float: left;
	width: 100%;
	height: 300px;
	text-align: center;
}
.vc-slider .slide-content.banner img {
	max-width: 1280px;
	width: 100%;
}
.vc-slider .slide-content.carousel li {
	float: left;
	width: auto;
	height: 300px;
}
.vc-slider .slide-nav {
	position: absolute;
	top: 50px;
	z-index: 5;
	cursor: pointer;
}
.vc-slider .slide-nav.arrows {
	font-size: 3em;
	background: #fff;
	opacity: 0.3;
	padding: 12px 0;
}
.vc-slider .slide-nav.arrows:hover {
	opacity: 1;
}
.vc-slider .slide-nav.next {
	right: 0;
}
.vc-slider .slide-nav-dots {
	position: absolute;
	bottom: 0;
	left: 48%;
	padding: 0;
	margin: 0;
	list-style: none;
}
.vc-slider .slide-nav.dots {
	top: initial;
	left: initial;
	position: initial;
	float: left;
	margin-left: 12px;
	height: 14px;
	width: 14px;
	background-color: rgba(187, 187, 187, 0.5);
	border-radius: 50%;
}
.vc-slider .slide-nav.dots.active {
	background-color: #bbbbbb;
}
.vc-slider .slide-nav.dots:first-child {
	margin-left: 0;
}
.vc-slider .product-block {
	margin: auto;
	max-width: initial;
	padding: 0;
	position: initial;
	text-align: center;
	max-width: 212px;
}
.vc-slider .vcslide-block {
	background: #FFF;
	border-radius: 10px;
	width: 100%;
	height: 100%;
	max-width: 188px;
	padding: 0 12px;
	margin: auto;
}

.vc-slider .vcslide-img {
	position: relative;
	width: 100%;
	height: 170px;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.vc-slider .vcslide-desc {
	float: left;
	width: 100%;
	padding: 6px 0;
	font-size: 14px;
	text-align: center;
}
.vc-slider .vcslide-rating {
	display: flex;
	justify-content: center;
	float: left;
	width: 100%;
	min-height: 22px;
}
.vc-slider .vcslide-desc a {
	color: #666;
	display: block;
	width: 100%;
}
.vc-slider .rating {
	position: initial;
	margin: 0;
	left: 0;
}
.vc-slider .star-holder {
	width: auto;
	height: 21px;
	top: 0;
	left: 0;
	position: relative;
	float: left;
}
.vc-slider .vcslide-price {
	float: left;
	width: 100%;
	text-align: center;
}

.phone .vc-slider, .phone [id^=fullw-carousel] .vc-slider .slide-content.carousel li,
.phone .vc-slider .slide-content.carousel li {
    max-height: 330px;
}

.vc-slider .min-qty {
    font-size: 10px;
    text-align: center;
}
.phone .vc-slider .min-qty {
    line-height: 1;
    color: #666;
}
.phone .vc-slider .slide-nav {
	display: none;
}
.phone .vcslide-img, .tablet .vcslide-img {
	overflow: visible;
}

.mod-landscape {
	display: flex;
	flex-direction: column;
}
.mod-landscape .mod-image {
	max-height: 280px;
	overflow: hidden;
}


[id=categoryPage] .mod-landscape .mod-text {
	flex: 1 0 auto;
}
.three-pack .mod-text {
	width: 100%;
	text-align: center;
	padding: 25px .5em;
	margin-left: 0;
}
.hp_spacing .three-pack .white .mod-text {
	padding: 25px .5em 10px;
}
.no-flexbox.no-flexboxlegacy .three-pack {
	display: table;
}
.no-flexbox.no-flexboxlegacy .three-pack .mod1 {
	display: table-cell;
	width: 30%;
}
.tablet .three-pack h3::after, .tablet .three-pack h3::before {
	content: none;
}
.no-flexbox.no-flexboxlegacy .mod50 {
	display: table;
	width: 100%;
}
.no-flexbox.no-flexboxlegacy .mod50>div {
	display: table-cell;
	width: 50%;
}
.mod50 div:nth-of-type(2) {
	margin-left: 1vw;
}
.mod50>div {
	flex: 1 0 49%;
}
.mod50 .mod-text.mod-text {
	margin: 0;
	padding: 13px 20px;
	text-align: center;
	width: 100%;
}
.mod50 img {
	max-height: 285px;
}
[id=categoryPage] .mod50 img {
	max-height: 215px;
}
.no-flexbox.no-flexboxlegacy .quad-block {
	display: table;
	width: 100%;
}
.no-flexbox.no-flexboxlegacy .quad-block>div {
	display: table-cell;
	width: 24%;
}

.quad-block {
	flex-wrap: wrap;
}
.quad-block>div:not(:first-child) {
	margin-left: 1%;
}
.quad-block>div {
	flex: 1 0 24%;
}
.quad-block .mod-text {
	padding: 25px .5em;
	width: 100%;
	text-align: center;
}
.five-pack {
	flex-wrap: wrap;
}
.five-pack>div {
	flex: 1 0 19%;
}
.no-flexbox.no-flexboxlegacy .five-pack {
	display: table;
	width: 100%;
}
.no-flexbox.no-flexboxlegacy .five-pack>div {
	display: table-cell;
	width: 19%;
}
.five-pack>div:not(:first-child) {
	margin-left: 1%;
}
.five-pack .mod-text {
	width: 100%;
	text-align: center;
	padding: 15px 7px;
}
.five-pack .font-size.font-size {
	font-size: 24px;
}
.text-resource {
	background-color: #eee;
	padding: 10px 0;
}
.text-resource>div:first-child {
	align-items: flex-start;
}
.text-resource .mod-text {
	padding: 14px 3%;
}
.text-resource .mod-text h3, .text-resource .mod-text h1 {
	color: #e64600;
	font-size: 28px;
	margin-top: 0;
}
h1.txt-black {color: #303030;}
.text-resource h3::before, .text-resource h3::after, .text-resource h1::before, .text-resource h1::after {
	content: "";
}
.text-resource ul {
	margin-top: 10px;
	font-size: 19px;
}
.text-resource .resource-list {
	padding: 15px 30px;
	border-left: 1px solid #ccc;
}
.text-resource .resource-list li {
	border-top: 1px solid #ccc;
	background-position: 12px 7px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 16px 0 16px 40px;
}
.text-resource .resource-list.resource-list h3 {
	text-align: center;
	font-size: 28px;
}
.text-resource .resource-list h3, .text-resource .resource-list a, .text-resource p {
	color: #303030;
}
.no-flexbox .text-resource>div {
	display: inline-block;
}
.no-flexbox .text-resource .mod1, .no-flexbox .text-resource .mod2 {
	width: 55%;
	min-height: 220px;
}
.no-flexbox .text-resource .resource-list {
	width: 45%;
	float: right;
}
.text-resource .resource-list .book-guide-icon {
	background: url(/images/modules/ResourceCenterIcons_Book_Guide.png) no-repeat 0 50%;
	background-position: 0 auto;
}
.text-resource .resource-list .qa-icon {
	background: url(/images/modules/ResourceCenterIcons_Q&A.png) no-repeat 0 50%;
	background-position: 0 auto;
}
.mod25>div {
	flex: 1 0 49%;
}
.mod33>div, .mod50-50>div {
	flex: 1 1 0;
}
.mod40-60>div, .mod60-40>div:first-child {
	flex: 1 1 60%;
	padding: 0;
}
.mod60-40>div, .mod40-60>div:first-child {
	flex: 1 0 40%;
}
.mod30-70>div, .mod70-30>div:first-child {
	flex: 1 1 70%;
	padding: 0;
}
.mod70-30>div, .mod30-70>div:first-child {
	flex: 1 0 30%;
}
.mod65-35>div, .mod35-65>div:first-child {
	flex: 1 0 35%;
}
.mod35-65>div, .mod65-35>div:first-child {
	flex: 1 1 65%;
}
.mod55-45>div, .mod45-55>div:first-child {
	flex: 1 1 45%;
}
.mod45-55>div, .mod55-45>div:first-child {
	flex: 1 1 55%;
}
.mod2>div {
	flex: 1 0 50%;
}
.no-flexbox .mod55-45>div:first-child {
	max-width: 709px;
}
.no-flexbox .mod45-55>div:first-child {
	max-width: 580px;
}
.no-flexbox .mod-text {
	overflow: visible;
}
.vm_blog>div:not(.circle) {
	text-align: left;
	background-color: #eee;
	flex: 1 1 0px;
	padding: 30px 2%;
}
.vm_blog .circle {
	width: 27vw;
	height: 27vw;
}
.mod1 .mod-image {
	display: -ms-flexbox;
	-ms-flex-align: end;
}
.mod2 .mod-image {
	height: auto;
}


/* Logo icon module */
.no-flexbox.no-flexboxlegacy .logo-icons {
   width: 100%;
   float: left;
   display: table;
}
.no-flexbox.no-flexboxlegacy .logo-icons>li {
   display: table-cell;
   width: 19%;
}
.logo-icons {
   display: flex;
}
.logo-icons>li {
   flex-basis: 1;
}
.logo-icons>li {
   text-align: center;
}
.logo-icons>li a {
   color: #000;
   font: bold 14px/18px Arial, sans-serif;
}
.logo-icons>li a:after {
   content: '\203A';
   font: 300 24px/18px "Roboto Slab";
   margin-left: .2em;
   height: 24px;
   vertical-align: middle;
   display: inline-block;
}

 /* ####### START Media Queries ####### */


@media screen and (min-width: 641px) {
	.hide-med {
		display: block;
	}
	.mod25>div {
		flex: 1 0 49%;
	}
	.mod33>div, .mod50-50>div {
        flex: 1 0px 0;
	}
	.mod40-60>div, .mod60-40>div:first-child {
		flex: 1 1 0;
	}
	.mod60-40>div, .mod40-60>div:first-child {
		flex: 1 0 40%;
	}
	.mod30-70>div, .mod70-30>div:first-child {
		flex: 1 1 70%;
		padding: 0;
	}
	.mod70-30>div, .mod30-70>div:first-child {
		flex: 1 0 30%;
	}
	.mod65-35>div, .mod35-65>div:first-child {
		flex: 1 0 35%;
	}
	.mod35-65>div, .mod65-35>div:first-child {
		flex: 1 1 65%;
	}
	.mod55-45>div, .mod45-55>div:first-child {
		flex: 1 1 45%;
	}
	.mod45-55>div, .mod55-45>div:first-child {
		flex: 1 1 55%;
	}
	.mod2>div {
		flex: 1 0 50%;
	}
	.no-flexbox .mod55-45>div:first-child {
		max-width: 709px;
	}
	.no-flexbox .mod45-55>div:first-child {
		max-width: 580px;
	}
	.no-flexbox .mod-text {
		overflow: visible;
	}
	.vm_blog>div:not(.circle) {
		text-align: left;
		background-color: #eee;
		flex: 1 1 0;
		padding: 30px 2%;
	}
	.vm_blog .circle {
		width: 27vw;
		height: 27vw;
	}

	.mod2 .mod-image {
		height: auto;
	}
}

@media screen and (min-width: 415px) {
	.hide-small {
		display: block;
	}
}
@media screen and (max-width: 400px) {
	.captionBlockContainer .slideCaption .captionText h3 {
		font-size: 20px !important;
	}
	.deal-list h3 {
		font: 300 normal 34px/1.2 "Roboto Slab", serif;
	}
	.moddeals>div {
		flex: 1 1 auto;
	}
	.moddeals .mod-image {
		min-height: 47vw;
	}
}
@media screen and (max-width: 600px) {
  	.car-btn{padding-top:0;}
    .phone .vc-slider {float: unset;}
 
	.mod33 div:nth-of-type(2), .mod33 div:nth-of-type(3) {
		margin-left: 0;
	}
	.mod25 div:nth-of-type(2), .mod25 div:nth-of-type(3), .mod25 div:nth-of-type(4) {
		margin-left: 0;
	}
	.mod2 {
		min-height: 75vh;
	}
	[class^='mod-'] h3::after, .brackets::after {
		display: none;
	}
	[class^='mod-'] h3::before, .brackets::before{
		display: none;
	}
	.vm_blog>div:not(.circle) {

		order: 1;
	}
	.mygallery1_navbutton {
		display: none;
	}
	.txt_long_title {
		font-size: 27px !important;
	}
	.iconm {
		flex: 1 0 100%;
	}
	.banner_content1 {
		flex: 1 0 100%;
	}
}
@media screen and (min-width: 641px) {
	.hide-med {
		display: block;
	}
	[class^=vm_] {
		flex-wrap: nowrap;
	}
}
@media screen and (min-width: 1025px) {
	.blog-styling h3 {
		font-size: 30px;
		margin-top: 0;
	}
	[class^="iconm-"] {
		padding: 7px 0 7px 72px;
	}
}
@media screen and (min-width: 800px) {
	.mod25>div {
		flex: 1;
	}
}
@media only screen and (min-device-width: 768px) and (orientation: portrait) {
	.tablet .mod25>div {
		flex: 1 1 49%;
	}
	[class^="iconm-"] {
		padding: 17px 0 17px 72px;
	}
	[class^=vm_].mod33, .vm_deals.wrap, .vm_deals.mod25 {
		flex-wrap: wrap;
	}
	.vm_deals>[class^=mod].grow {
		flex: 3 0 99%;
		order: 3;
	}
	.mod33>.grow.first {
		order: 1;
	}
	.mod33>.second {
		order: 2;
	}
	.mod33>.third {
		order: 3;
	}
}

@media screen and (max-width: 800px) {
	.vm_blog .circle {
		width: 37vw;
		height: 37vw;
	}
	.text-resource.mod55-45 {
		flex-wrap: wrap;
	}
	.text-resource.mod55-45>div {
		flex: 1 0 100%;
	}
	.text-resource p {
		font-size: 17px;
	}
	.text-resource .resource-list {
		border-left: none;
	}
	.text-resource .resource-list li {
		font-size: 19px;
	}
	.text-resource .mod-text, .text-resource .resource-list {
		padding: 14px 4%;
	}
	.text-resource .mod-text h3, .text-resource .mod-text h1, .text-resource .resource-list.resource-list h3 {
		text-align: center;
		font-size: 24px;
	}
	#searchInput {height: 29px;}

	/* Start caption hover for Cat pages - 2018_global */
	.captionBlockContainer .shopNowLink {
		display: none;
	}
	.captionBlockContainer .captionBlock1 img {
		width: 100%;
		display: block;
	}
	.captionBlockContainer .slideCaption .captionText {
		padding: .4% 0 0% 0;
		height: 48px;
	}
	.captionBlockContainer .slideCaption .captionText a {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: row;
		height: 47px;
	}
	.captionBlockContainer .slideCaption .captionText h3 {
		font-size: 22px;
		line-height: 1.1em;
		padding: .4em .2em;
	}
	.captionBlockContainer .captionBlock1:hover img {
		transform: none;
	}
	.captionBlockContainer .slideCaption .captionText {
		transition: none;
		-webkit-transform: none;
	}
	.captionBlockContainer .captionBlock1:hover .captionText {
		height: 48px;
	}
	.captionBlockContainer .captionBlock1:nth-of-type(2) {
		border-left: 1px solid #FFF;
		border-right: 1px solid #FFF;
		border-collapse: collapse;
		border-spacing: 0;
	}
	#modWrapper .multi-column {
		display: block;
	}
	#modWrapper .multi-column div {
		margin-bottom: 1em;
	}
}

@media screen and (max-width: 600px) {
	.mod25>div {
		flex: 1 0 99%;
	}
	.mod-landscape .view-more {
		flex-basis: 100%;
	}
	.three-pack>div {
		flex: 1 1 100%;
	}
	.three-pack .mod-text {
		padding: 25px 1em;
	}
	.mod50 div:nth-of-type(2) {
		margin-left: 0;
	}
}
@media screen and (max-width: 767px) {

	[id=dealWrapper] .cat-title {
		text-align: center;
	}
	[id=categoryPage] .cat-title {
		padding: 5px;
		text-align: center;
		display: block;
		font-size: 2em;
		color: #262626;
		font-weight: 600;
	}
	[id=categoryPage] .cat-header {
		margin-bottom: 5px;
	}
	.d-shopAll {
		display: none;
	}
	.triple-blog div:first-of-type {
		margin-left: 0;
	}
	.vm_blog p {
		padding: 5px 0;
	}
	.vm_blog h5 {
		font-size: 17px;
	}
	[id=dealWrapper] .clear {
		clear: both;
	}
	[id=dealWrapper] .vm_blog>div:not(.circle) {
		padding: 10px 5%;
	}
	[id=dealWrapper] .vm_blog ol {
		padding: 5px 1% 5px 3.5%;
	}
	.mod-header h2, [id=categoryPage] section .mod-header h2 {
		font-size: 23px;
		width: 100%;
		line-height: 1;
		border:none;
		padding-left:0;
		text-align: center;
		color: #303030;
	}
	[id=dealWrapper] .mod45-55>div {
		flex: 1 0 100%;
	}
	[id=dealWrapper] .mod45-55 .mod2>div {
		min-height: 30vh;
	}
	[id=dealWrapper] .mod25 p {
		font-size: 14px;
	}
	.mod33>div, .mod50-50>div, .mod70-30>div, .mod30-70>div, .mod50>div {
		flex: 1 0 100%;
	}
	.vm_deals.mod45-55 .mod2 {
		flex-direction: row;
	}
	.mod25 {
		margin-left: 0;
	}
	[id=categoryPage] #LeftColNavWrapper {
		padding: 0;
		position: relative;
		left: -2vw;
		float: none;
		width: auto;
	}
	[id=categoryPage] [id=catFlyoutWrapper] {
		position: absolute;
		top: 60px;
		left: -135%;
		background: #fff;
		-webkit-transition: left 0.4s;
		transition: left 0.4s;
		margin-bottom: 2rem;
	}
	[id=categoryPage] [id=catFlyoutWrapper] .button1 {
		width: 100%;
		margin: 0 0 .5rem;
	}
	[id=categoryPage] [id=catFlyoutWrapper]:after {
		content: '\E841';
		font-family: vitacost;
		position: absolute;
		right: 12px;
		font-size: 24px;
	}
	.ocn-trigger:checked+#LeftColNavWrapper #catFlyoutWrapper {
		display: block;
		left: 0;
		width: 85%;
		z-index: 3;
		-webkit-transition: left 0.4s;
		transition: left 0.4s;
		border-right: solid 1px #8a8a8a;
	}
	.ocn-trigger:checked+.m-mask:before {
		display: block;
		content: "";
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		z-index: 1;
	}
	#offcanvas-nav-check:checked+.cwIn #LeftColNavWrapper {
		pointer-events: none;
	}
	#offcanvas-nav-check:checked+.cwIn #catFlyoutWrapper {
		display: none;
	}
	[id=catFlyoutWrapper] .LeftColumnNav2, [id=catFlyoutWrapper] .LeftColumnNav2 ul {
		width: 97%;
		margin-left: 4px;
	}
	[id=catFlyoutWrapper] .select-wrap, [id=catFlyoutWrapper] .touch-select {
		width: 100%;
	}
	[id=catFlyoutWrapper] .LeftColumnNav2 h3 {
		padding-top: 5px;
	}
	[id=categoryPage] {
		padding-top: 2vh;
	}
	[id=categoryPage] [class^=LeftColumnNav] {
		border-top: 0;
	}
	[id=categoryPage] #LeftColNavWrapper {
		top: -78px;
	}
	[id=categoryPage] input[type=checkbox] {
		opacity: 0;
		position: absolute;
	}
	[id=categoryPage] [class^=LeftColumnNav] h3:after, [class^=LeftColumnNav] h3.open:after {
		content: '';
	}
	[id=categoryPage] .left-nav-filter.button1 {
		width: auto;
		color: #00B8D5 !important;
		background: #fff;
	}
	[id=categoryPage] .button1.mobile-hide, [id=categoryPage] .left-nav-filter.button1 {
		font-size: 16px;
	}
	[id=categoryPage] .left-nav-filter:before {
		content: '\e833';
		font-family: vitacost;
		padding-right: .45rem;
	}
	[id=catFlyoutWrapper] .button1.button1 {
		background: #00B8D5;
	}
	[id=dealWrapper] .left-nav-filter {
		margin-top: 5px;
	}
	[id=dealWrapper] .filterContainer {
		text-align: right;
		margin-bottom: 6%;
	}
	[id=dealWrapper] .topCatLink.topCatLink {
		margin: 0 0 10px;
		width: 100%;
		font-size: 14px;
	}
	.five-pack>div, .quad-block>div {
		flex-basis: 100%;
	}
	.five-pack>div:not(:first-child) {
		margin-left: 0;
	}
	[class^='mod-'] h3::before, .brackets::before, [class^='mod-'] h3::after, .brackets::after {
		content: '';
	}
	.five-pack .mod-text {
		width: 100%;
		text-align: center;
	}
	.quad-block.quad-block>div {
		margin-left: 0;
	}
}
@media screen and (min-width: 768px) {
	.mobile-hide {
		display: none;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.mod25 div:nth-of-type(3) {
		margin-left: 0;
	}
	.quad-block>div {
		flex: 1 0 49%;
	}
	.quad-block div:nth-of-type(3) {
		margin-left: 0;
	}
	.five-pack>div {
		flex-basis: 32%;
	}
	.five-pack>div:nth-child(4) {
		margin-left: 0;
	}
	.triple-blog {
		flex-wrap: wrap;
	}
	.vm_blog>div:not(.circle):nth-of-type(3) {
		margin-top: 1vw;
		margin-left: 0;
	}
}


@media screen and (max-width: 320px) {
	.ocn-trigger:checked + #LeftColNavWrapper #catFlyoutWrapper {
	  width: 97vw;
	}
	[id="catFlyoutWrapper"] .LeftColumnNav2 {
	  width: 90vw;
	}
	[id="catFlyoutWrapper"] .select-wrap,
	[id="catFlyoutWrapper"] .touch-select {
	  max-width: 300px;
	}
  } 


  /* MONETATE GENERIC CAROUSEL AND NEW SWIPER.JS VCSLIDER */

:host {
	position: relative;
	display: block;
	margin: 0 auto;
	z-index: 1;
}

.vc-slider .swiper,
.vc-slider .swiper-slide img {
	width: 100%;
	height: 100%;
}
[id^="mt-slider"] {
	position: relative;
	text-align: center;
}

[id^=mt-slider] .section {
	margin-bottom: 0;
}
[id^=mt-slider] .kibo-hp-full {
	max-width: 1290px;
	margin: auto;
}

[id^="mt-slider"] [data-slider-mask] {
	overflow: hidden;
	/* otherwise it's not a mask */
	touch-action: pan-x;
	/* we only want to go horizontal */
	width: 100%;
	position: relative;
	border-top: solid 1px #ccc;
	top: -3px;
}
[id^="mt-slider"] [data-slider],
[id^="mt-slider"] [data-slide] {
	display: inline-flex;
	white-space: nowrap;
	position: relative;
}

[id^="mt-slider"] [data-slider] {
	display: inline-flex;
	white-space: nowrap;
	position: relative;
	min-height: 300px;
	margin-top: 0.5em;
	margin-bottom: 10px;
	padding-left: 27px;
}


[id^="mt-slider"] [data-slide] {
	list-style: none;
	white-space: normal;
}

.vc-slider .swiper-slide,
.vc-slider .swiper-wrapper,
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	transition-property: transform;
	transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
	box-sizing: content-box;
}

.vc-slider .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	min-height: 300px;
}

.vc-slider .swiper-vertical>.swiper-wrapper {
	flex-direction: column;
}

.vc-slider .swiper-horizontal {
	touch-action: pan-y;
}

.vc-slider .swiper-vertical {
	touch-action: pan-x;
}



[id^="mt-slider"] .kibo-hp-full,
.kibo-hp-full .mt-merch-item {
	max-width: 1290px;
	margin: auto;
	min-height: 310px;
}




[id^="mt-slider"] .container,
.no-touch [id^="mt-slider"] .mt-lower-wrapper {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	background: #fff;
	z-index: 3;
}


[id^="mt-slider"] [data-slide] .mt-link {
	text-decoration: none;
	/* no underline */
}

[id^="mt-slider"] [data-slide] .mt-image {
	width: auto;
	height: auto;
	max-height: 150px;
	max-width: 150px;
}


[id^="mt-slider"] .mt-prices,
[id^="mt-slider"] .mt-price {
	font: bold 18px / 1.2 Arial, sans-serif;
	color: #444;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 6px 0;
}

[id^="mt-slider"] .mt-title {
	float: left;
	width: 96%;
	padding: 6px 0;
	font-size: min(14px, 3.4vw);
	text-align: center;
	display: block;
	color: #666;
}
.vc-slider .swiper .vcslide-desc a {
	font-size: min(14px, 3.4vw);
}

[id^="mt-slider"] .mt-price {
	text-decoration: line-through;
	font-weight: normal;
}

[id^="mt-slider"] [data-missing-keys*="salePrice"] .mt-price {
	text-decoration: none;
}


#ContentWrapper [id^=mt-slider][data-slider-wrapper=horizontal] [class$=slide-atc],
#ContentWrapper .vc-slider [class$=slide-atc] {
	position: absolute;
	top: 128px;
	left: 2px;
	text-align: left;
	background: transparent;
	box-shadow: none;
	z-index: 3;
	box-shadow: unset;
	background: none;
	float: none;
	text-align: left;
}

[id^=mt-slider][data-slider-wrapper=horizontal] .button1,
.vc-slider [class$=slide-atc] .button1 {
	cursor: pointer;
	position: static;
	width: 23px;
	height: 34px;
	line-height: 34px;
	padding: 0 0 0 11px;
	border-radius: 34px;
	overflow: hidden;
	white-space: nowrap;
	font-size: 0;
	box-sizing: content-box !important;
	text-align: left;
}
[id^=mt-slider][data-slider-wrapper=horizontal] .button1:hover,
.mobile .vc-slider [data-slider-wrapper=horizontal] .button1,
.vc-slider [class$=slide-atc] .button1:hover,
.mobile .vc-slider [class$=slide-atc] .button1 {
	width: 110px;
	font-size: 16px;
	transition: width .5s ease-in-out;
	font-size: 14px;
}

[id^=mt-slider][data-slider-wrapper=horizontal] .button1:hover,
.mobile [id^=mt-slider][data-slider-wrapper=horizontal] .button1,
.vc-slider [class$=slide-atc] .button1:hover,
.mobile .vc-slider [class$=slide-atc] .button1 {
	width: 120px;
}

#autoship_monetate [id^=mt-slider][data-slider-wrapper=horizontal] .button1:hover,
.mobile #autoship_monetate [id^=mt-slider][data-slider-wrapper=horizontal] .button1,
.vc-slider [class$=slide-atc] .autoship.button1:hover,
.mobile .vc-slider [class$=slide-atc] .autoship.button1 {
	width: 146px;
}

[id^=mt-slider][data-slider-wrapper=horizontal] .button1:before,
.vc-slider [class$=slide-atc] .button1:before {
	content: '\E82A';
	font-family: vitacost;
	font-size: 14px;
	display: inline-block;
	color: #fff;
	text-indent: .04em;
}

[id^=mt-slider][data-slider-wrapper=horizontal] .button1:hover:before,
.mobile [id^=mt-slider][data-slider-wrapper=horizontal] .button1:before,
.vc-slider [class$=slide-atc] .button1:hover:before,
.mobile .vc-slider [class$=slide-atc] .button1:before {
	margin-right: .5em;
}

.oos-kslide-atc a.button3 {
	background: #ccc;
	border-radius: 14px;
}

span.slide-nav.arrows:before {
	width: .3em;
}



/* Ratings */
.mt-rating {
  display: flex;
  justify-content: center;
  width: 100%;
  min-height: 22px;
}
.mt-rating .star-holder {
    top: 0;
}
.mt-rating .star-holder span {
  font-size: 13px;
}
.mt-rating div[data-rating^='0'] .star-holder .stars-r {
	width: calc(var(--myrating) * 16);
	box-sizing: border-box;
}

.mt-rating div[data-rating^='1'] .star-holder .stars-r {
	width: calc(var(--myrating) * 16 + .5px);
	box-sizing: border-box;
}

.mt-rating div[data-rating^='2'] .star-holder .stars-r {
	width: calc(var(--myrating) * 16 + 1.5px);
	box-sizing: border-box;
}

.mt-rating div[data-rating^='3'] .star-holder .stars-r {
	width: calc(var(--myrating) * 16 + 2.5px);
	box-sizing: border-box;
}

.mt-rating div[data-rating^='4'] .star-holder .stars-r {
	width: calc(var(--myrating) * 16 + 3.5px);
	box-sizing: border-box;
}

.mt-rating .star-holder span {
	font-size: 16px;
	letter-spacing: 2px;
}

/** NEXT AND PREVIOUS BUTTONS STYLES **/

/* Common Styles for Next and Previous Buttons */
.vc-slider .swiper-button-next,
.vc-slider .swiper-button-prev,
[id^="mt-slider"] [data-prev-button],
[id^="mt-slider"] [data-next-button] {
	position: absolute;
	top: 42px;
	width: 24px;
	padding: 12px 0;
	font-size: 3em;
	cursor: pointer;
	background: #fff;
	opacity: 0.4;
	display: flex;
	justify-content: center;
	z-index: 10;
	border: 0;
	outline: 0;
}
[id^="mt-slider"] [data-prev-button],
[id^="mt-slider"] [data-next-button] {
	font-family: vitacost;
	text-align: center;
	top: 94px;
}
[id^=mt-slider] .slider-products .next,
[id^=mt-slider] .slider-products .prev {
	border: none;
	background: #fff;
	opacity: 0.3;
	padding: 12px 0;
	margin-top: -36px;
	color: #666;
	font-size: 39px;
}

.vc-slider .swiper-button-next {
	right: 0;
}

/* Hover State */
.vc-slider .swiper-button-next:hover,
.vc-slider .swiper-button-prev:hover {
	opacity: 1;
}

/* Disabled and Hidden States */
.vc-slider .swiper-button-next.swiper-button-disabled,
.vc-slider .swiper-button-prev.swiper-button-disabled,
.vc-slider .swiper-button-next.swiper-button-hidden,
.vc-slider .swiper-button-prev.swiper-button-hidden,
[id^="mt-slider"] [data-prev-button][disabled],
[id^="mt-slider"] [data-next-button][disabled] {
	opacity: 0.25;
	cursor: auto;
	pointer-events: none;
}

/* Navigation Disabled */
.vc-slider .swiper-navigation-disabled .swiper-button-next,
.vc-slider .swiper-navigation-disabled .swiper-button-prev {
	display: none !important;
}

/* Adjustments for Next and Previous Button Icons */
.vc-slider .swiper-button-next:after,
.vc-slider .swiper-button-prev:after {
	font-family: vitacost;
	font-size: 33px;
	width: 3em;
	text-align: center;
}

[id^=mt-slider] .slider-products .prev:before,
[id^=mt-slider] .slider-products .next:before {
	font-family: vitacost;
	display: inline-block;
	padding: 12px;
}

.vc-slider .swiper-button-next:after,
[id^=mt-slider] .slider-products .next:before {
	content: "\E867";
}

.vc-slider .swiper-button-prev:after,
[id^=mt-slider] .slider-products .prev:before {
	content: "\E868";
}


/* Specific Adjustments for mt-slider Buttons */
[id^="mt-slider"] [data-prev-button] {
	left: 0;
	/* Position the previous button on the left */
}

[id^="mt-slider"] [data-next-button] {
	right: 0;
	/* Position the next button on the right */
}

[id^="mt-slider"] [data-prev-button] img,
[id^="mt-slider"] [data-next-button] img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/* Ensure the image covers the button area */
}


[id^="mt-slider"] .mt-link {
  width: 100%;
  height: 100%;
  max-width: 198px;
  padding: 0 12px;
  margin: auto;
}

[id^="mt-slider"] .mt-image-holder {
  position: relative;
  width: 100%;
  height: 170px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

[id^="mt-slider"] .image {
  display: block;
  width: 100%;
  height: auto;
}

[id^="mt-slider"] .slide-nav:hover {
  background: #fff;
  opacity: 1;
}



@media (orientation: portrait) {
  .phone [id^="mt-slider"] .mt-title {
	font-size: min(14px, 3.3vw);
    height: 5em;
  }
  .phone [id^="mt-slider"] .mt-lower-wrapper {
    padding: 0 0 24px;
  }
}

.phone [id^="mt-slider"] .mt-title {
	height: 5.5em;
}




@media (max-width: 764px) {
  [id^="mt-slider"] [data-prev-button],
  [id^="mt-slider"] [data-next-button],
  .vc-slider .swiper-button-prev,
  .vc-slider .swiper-button-next {
    display: none;
  }
}

@media (max-width: 740px) {
  [id^="mt-slider"] [data-prev-button] {
    left: -18px; /* position the buttons */
    top: 22%;
  }

  [id^="mt-slider"] [data-next-button] {
    right: 4px; /* position the buttons */
    top: 22%;
  }

  [id^="mt-slider"] .mt-prices {
    font-family: -apple-system, Roboto, HelveticaNeue, Helvetica, "Segoe UI",
      sans-serif;
    font-size: 18px;
    color: #000000;
    width: 122.75px;
    text-align: center;
    height: 21px;
  }
}


.fullw-carousel {
	background: none;
	display: flex;
	flex-flow: row wrap;
	padding-top: 10px;
	padding-bottom: 35px;
	margin-bottom: 20px;
}

.fullw-carousel .vc-slider {
	max-width: 1290px;
	margin: auto;
	overflow-x:hidden;
	position:relative;
}
#eSpotCarousel .vc-slider {
	overflow-x:hidden;
	position:relative;
}
.fullw-carousel .swiper.vcSwiper {
	max-width: min(1236px, 96vw);
}
.phone .fullwCarTitle {
    width: 100%;
}


@media screen and (min-width: 1200px) {
	.fullw-carousel .swiper.vcSwiper {
		padding-left: 22px;
	}
}
@media screen and (min-width: 768px) {
	.fullw-container {
		height: 100%;
		width: 100vw;
		margin-left: calc(-50vw + 50% - 0px);
		position: relative;
	}

	.fullw-carousel {
		background-color: rgb(27, 184, 209, 0.5);
	}
	.fullwCarTitle {
		width: 100%;
		display: block;
		position: relative;
		margin: 0 auto;
	}
	.fullwCarTitle h2 {
		font-size: 27.5px;
	}
	.carShopAll {
		text-align: right;
		font-family: 'Roboto Slab';
		font-size: 18px;
		z-index: 2;
		margin: auto;
		position: absolute;
		right: 30px;
		top: 32px;
	}
	.carShopAll a {
		color: #494949;
	}

	.fullw-carousel .vc-slider .swiper-slide {
		min-height: 310px;
		height: auto;
		padding: 0;
		background: #FFF;
		border-radius: 10px;
	}

	.fullw-carousel .vc-slider .slide-content.carousel li {
		height: 310px;
		padding: 0;
	}

	.fullw-carousel .vcslide-img {
		padding-top: 11px;
	}

	.fullw-carousel .catTitle.btmBrdr {
		color: #FFF !important;
	}

	.fullw-carousel .shopAll a {
		color: #FFF !important;
	}

	.fullw-carousel .vc-slider .slide-nav {
		top: 120px;
	}
}

/*End Media Query*/

.fullw-carousel .vc-slider .swiper-button-next,
.fullw-carousel .vc-slider .swiper-button-prev {
	top: 50%;
	margin-top: -32px;

}

.fullw-carousel .vc-slider .swiper-button-next {
	right: 8px;
}