@charset "utf-8";
html {
  scroll-behavior: smooth;
}
body {
    font-family: 'Source Sans Pro', sans-serif;
   	font-size: 1em;
    line-height: 1.5;
    color: #333333;
	background-image: url("/images/background-solace.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}
@media only screen and (min-width: 767px) {
	body {
		line-height: 1.75;
	}
}
.topBar {
	padding: 2%;
	background: #fff;
	color: #000;
	font-weight: 400;
}
@media only screen and (min-width: 897px) {
	.topBar {
		padding: 10px 5%;
	}
}
.topBarLeft {
	width: 98%;
	float: none;
	text-align: center;
	padding: 2%;
}
@media only screen and (min-width: 897px) {
	.topBarLeft {
		width: 50%;
		float: left;
		text-align: left;
		padding: 0;
	}
}
.logo {
	height: 40px;
}
.topBarRight {
	width: 98%;
	float: none;
	text-align: center;
	padding: 2%;
}
@media only screen and (min-width: 897px) {
	.topBarRight {
		width: 50%;
		float: right;
		text-align: right;
		font-size: 1.2em;
		padding: 0;
	}
}
.topBar a {
	color:#000;
	text-decoration: none;
}
.topBar a:visited {
	color:#000;
}	
.topBar a:hover {
	color:#3241b3;
}
/* @start main grid */ 
.highlightBar {
	padding: 5px 2%;
	background: #b62dbb;
	color: #fff;
	font-weight: 600;
	text-align: center;
	font-size: 1.25em;
}
/*@start main website headers */
.small-header {
    display: block;
}
.small-header p {
	margin: 0;
}
@media only screen and (min-width: 481px) {
	.small-header {
		display: none;
	}
}
.medium-header {
    display: none;
}
@media only screen and (min-width: 481px) {
	.medium-header {
		display: block;
	}
	.medium-header p {
		margin: 0;
	}
}
@media only screen and (min-width: 897px) {
	.medium-header {
		display: none;
	}
}
.large-header {
    display: none;
}
@media only screen and (min-width: 897px) {
	.large-header {
		display: block;
  	}
	.large-header p {
		margin: 0;
	}
}
/* @start content area */  
.main-content {
	color: #fff;
	font-weight: 500;
    padding: 2% 5%;
}
@media only screen and (min-width: 481px) {
	.main-content {
		padding: 3%;
	}
}
@media only screen and (min-width: 897px) {
	.main-content {
		padding: 1% 5% 2% 5%;
	}
}
.secondary-content {
	padding: 2% 5%;
	background: #fff;
	color: #000;
	font-weight: 400;
}
@media only screen and (min-width: 897px) {
	.secondary-content {
		padding: 3%;
	}
}
@media only screen and (min-width: 897px) {
	.secondary-content {
		padding: 3% 5%;
	}
}
/*@start footer */
.main-footer {
    padding: 1% 2%;
    background: #B62DBB;
	text-transform: uppercase;
	font-size: .85em;
	color: #fff;
	line-height: 145%;
}
/* @start columns */
.col2thirdleft {
	float: none;
	width: 98%;
	padding: 0 1%;
	margin: auto;
}
@media only screen and (min-width: 897px) {
	.col2thirdleft {
		float: left;
		width: 62%;	
	}
}
.col1thirdright {
	float: none;
	width: 98%;
	padding: 0 1%;
	margin: 20px auto 30px auto;
}
@media only screen and (min-width: 897px) {
	.col1thirdright {
		float: right;
		width: 30%;	
		margin: auto;
	}
}
.col2thirdright {
	float: none;
	width: 98%;
	padding: 0 1%;
	margin: auto;
}
@media only screen and (min-width: 897px) {
	.col2thirdright {
		float: right;
		width: 62%;	
	}
}
.col1thirdleft {
	float: none;
	width: 98%;
	padding: 0 1%;
	margin: 20px auto 50px auto;
}
@media only screen and (min-width: 897px) {
	.col1thirdleft {
		float: left;
		width: 30%;	
		margin: auto;
	}
}
.col1third {
	float: none;
	width: 98%;
	padding: 0 1%;
	margin: 10px auto 30px auto;
}
@media only screen and (min-width: 897px) {
	.col1third {
		float: left;
		width: 31%;
		padding: 0 1.1666666666666667%;
	}	
}
.col1half {
	float: none;
	width: 98%;
	padding: 0 1% 2% 1%;
	margin: auto;
}
@media only screen and (min-width: 657px) {
	.col1half {
		float: left;
		width: 45%;
		padding: 0 2.5% 3% 2.5%;
	}
}
.col1halfright {
	float: none;
	width: 98%;
	padding: 0 1%;
	margin: auto;
}
@media only screen and (min-width: 657px) {
	.col1halfright {
		float: right;
		width: 45%;
		padding: 0 2.5% 3% 2.5%;
	}
}
.col1halfleft {
	float: none;
	width: 98%;
	padding: 0 1%;
	margin: auto;
}
@media only screen and (min-width: 657px) {
	.col1halfleft {
		float: left;
		width: 45%;
		padding: 0 2.5% 3% 2.5%;
	}
}
.col1fourth {
	float: none;
	width: 98%;
	padding: 0 1%;
	margin: 10px auto 30px auto;
}
@media only screen and (min-width: 947px) {
	.col1fourth {
		float: left;
		width: 22%;
		padding: 0 1.5%;
	}	
}
.clearDiv {
	clear:both;
}
/* @start headings */
h1, h2, h3, h4, h5, h6 {
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
	font-weight: normal;
	line-height: normal;
}
h1 {
	font-size: 1.65em;
	color: #3241b3;	
	font-weight: 500;
}
@media only screen and (min-width: 347px) {
	h1 {
		font-size: 1.85em;
	}		
}
@media only screen and (min-width: 397px) {
	h1 {
		font-size: 2em;
	}		
}
@media only screen and (min-width: 897px) {
	h1 {
		font-size: 2.65em;
	}		
}
h2 {
	font-size: 1.5em;
	color: #B62DBB;
}
@media only screen and (min-width: 897px) {
	h2 {
		font-size: 2em;
	}
}
h3 {
	font-size: 1.4em;
	color: #3241b3;
}
@media only screen and (min-width: 897px) {
	h3 {
		font-size: 1.75em;
	}
}
h4 {
	font-size: 1.25em;
	color:  #B62DBB;
	font-weight: 500;
}
@media only screen and (min-width: 897px) {
	h4 {
		font-size: 1.35em;
	}
}
h5 {
    font-size: 1.2em;
    color : #3241b3;
	font-weight: 600;
}
h6 {
    font-size: 1.2em;
    color : #666;
	font-weight: 600;
}
.whiteText {
	color: #fff;
}
.highlightText {
	color: #b62dbb;
}
.smallerText {
	font-size: 90%;
}
.largerText {
	font-size: 125%;
}
/*@start links */
a  {
  color : #3241b3;
}

a:visited {
  color : #3241b3;
}

a:hover  {
  color : #B62DBB;
}

/*@start images */
img, object, embed, video {
	max-width: 100%;
}
.ie6 img {
	width:100%;
}
.imgHPad {
	border: none;
	padding: 0 10px;
}
.imgVPad {
	border: none;
	padding: 10px 0;
}
.imgBPad {
	border: none;
	padding: 10px;
}
.imgHMPad {
	border: none;
	margin: 0 10px;
}
.imgVMPad {
	border: none;
	margin: 10px 0;
}
.imgBMPad {
	border: none;
	margin: 10px;
}
.imgShadow {
	width: 90%;
    background: #fff;
    padding: 10px;
    -moz-box-shadow: 0 0 15px #ccc;
    -webkit-box-shadow: 0 0 15px #ccc;
    box-shadow: 0 0 15px #ccc;
}
.imgRight {
	float: none;
	margin: 15px auto;
}
@media only screen and (min-width: 627px) {
	.imgRight {
		float: right;
		margin: 5px 0 25px 25px;
	}	
}
.imgLeft {
	float: none;
	margin: 15px auto;
}
@media only screen and (min-width: 627px) {
	.imgLeft  {
		float: right;
		margin: 5px 25px 25px  0;
	}	
}
/* @buttons */
.linkButton, .linkButton2 {
	display: inline-block;
	padding: 15px 25px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-size: 1.25em;
}
.yellowLink  {
	background: #FEF258;
	color: #000;
}
.yellowBox  {
	background: #FEF258;
	color: #000;
	font-size: 1.25em;
	padding: 15px 25px;
	text-align: center;
}
@media only screen and (min-width: 627px) {
	.yellowBox  {
		width: 75%;
		margin: auto;
	}
}
.yellowLink a  {
	color: #000;
	text-decoration: none;
}
.yellowLink:hover, .linkButton:hover  {
	background: #79E7E4;
}
.solaceLink  {
	background: #B62DBB;
	color: #fff;
}
.solaceBox  {
	background: #B62DBB;
	color: #fff;
	font-size: 1.25em;
	padding: 15px 25px;
	text-align: center;
}
@media only screen and (min-width: 627px) {
	.solaceBox  {
		width: 75%;
		margin: auto;
	}
}
.solaceLink a  {
	color: #fff;
	text-decoration: none;
}
.solaceLink:hover, .linkButton2:hover  {
	background: #3241b3;
}
.pinkLink  {
	background: #f74c6b;
}
.arrowDown {
	float: right;
    font-weight: 900;
    padding: 5px 0 0 20px;
}
.smallText {
	font-size: 1em;
}
/*@ misc */
.colorBox {
	background-color: #fff;
	padding: 10px 20px;
	margin: 20px 0;
	border: 3px solid #3241b3;
	border-top: 20px solid #3241b3;
	border-radius: 5px 5px 0 0;
}
@media only screen and (min-width: 897px) {
	.colorBox {
		padding: 25px 20px;
	}
}
.claimBox {
	float: none;
	width: 98%;
	padding: 0 1% 2% 1%;
	margin: 50px auto;
}
@media only screen and (min-width: 897px) {	
	.claimBox {
		float: none;
		width: 50%;
		margin: auto;	
	}		
}
.blueBoxTop {
	margin-top: 20px;
	background-color: #3241b3;
	padding: 10px 15px;
	color: #fff;
	font-size: 1.5em;
	font-weight: 500;
	text-align: center;
}
.blueBoxTopFull {
	margin-top: 20px;
	background-color: #3241b3;
	padding: 10px 15px;
	color: #fff;
	font-size: 1.5em;
	font-weight: 500;
	text-align: center;
}
@media only screen and (min-width: 1047px) {
	.blueBoxTopFull {
		margin: 20px 10% 0 10%;
	}
}
.blueBoxTop p, .blueBoxTopFull p {
	margin: 0;
}
.whiteBox {
	background-color: #fff;
	padding: 2% 8%;
	color: #000;
	line-height: 1.3;
}
.whiteBoxFull {
	background-color: #fff;
	margin: 0 auto 35px auto;
	padding: 2% 8%;
	color: #000;
	line-height: 1.3;
}
@media only screen and (min-width: 1047px) {
	.whiteBoxFull {
		margin: 0 10% 55px 10%;
	}
}
.testimonialContainer {
  display: table; /* Make the container element behave like a table */
  width: 100%; /* Set full-width to expand the whole page */
}
.testimonialColumn {
  display: table-cell; /* Make elements inside the container behave like table cells */
}
.reviewer {
	font-size: 1.2em;
	font-weight: 500;
}
.productPhotoFullV {	
	width: 500px;
	max-width: 95%;
}
.productPhotoFullH {
	width: 630px;
	max-width: 95%;
}
.productPhoto {
	width: 75%;
}
.productPhotoHorizontal {
	width: 95%;
	margin: 10% 0;
}
.photoFull {
	width: 40%;
	margin: 20px;
}
hr {
    float: left;
    width: 100%;
    height: .25em;
    border: 2px solid #f6f6f6;
    background: #f6f6f6;
    margin: 2em 0;
}
/*Font Awesome Icons */
.fa-ul>li {
    margin-bottom: 20px;
}
/*@start front page */
.topPic {
	width: 98%;
    max-width: 200px;
    float: none;
    background: #fff;
    padding: 5px;
    margin: 2% auto;
}
@media only screen and (min-width: 347px) {
	.topPic {	
		max-width: 250px;
	}
}
@media only screen and (min-width: 1047px) {
	.topPic {	
		max-width: 500px;
	}
}
@media only screen and (min-width: 1197px) {
	.topPic{	
		max-width: 550px;
	}
}
.colhomeleft {
	float: none;
	width: 98%;
	padding: 0 1%;
	margin: auto;
}
@media only screen and (min-width: 897px) {
	.colhomeleft {
		float: left;
		width: 56%;	
	}
}
.colhomeright {
	float: none;
	width: 98%;
	padding: 0 1%;
	margin: auto;
}
@media only screen and (min-width: 897px) {
	.colhomeright {
		float: left;
		width: 40%;	
	}
}
.bulletText {
	font-size: 1.5em;
	color: #162381;
}
.bulletColor {
	font-size: 1.5em;
	color: #b62dbb;
	margin-left: -25px; 
	margin-right: 10px;
}
.aboutPic {
    max-width: 200px;
    float: none;
    background: #fff;
    padding: 5px;
    margin: 2% auto;
}
@media only screen and (min-width: 347px) {
	.aboutPic {	
		max-width: 250px;
	}
}
@media only screen and (min-width: 1047px) {
	.aboutPic {	
		max-width: 325px;
	}
}
@media only screen and (min-width: 1197px) {
	.aboutPic {	
		max-width: 375px;
	}
}
.bulletRight {
	font-weight: 500;
	font-size: 1.2em;	
	line-height: normal;
}
@media only screen and (min-width: 897px) {
	
	.bulletRight {
		font-weight: 500;
		font-size: 1.35em;	
	}	
}
.textPrice {
	font-size: 1.5em;
	color: #b62dbb;
	line-height: 1;
}
.textStrike {
	text-decoration: line-through;
}
.signature {
	font-family: "Dancing Script", cursive;
	font-size: 2.5em;
	color: #b62dbb;
	margin: .5em 0 0 0;
}
.offerPic {
    max-width: 200px;
    float: none;
    background: #fff;
    padding: 5px;
    margin: 2% auto;
}
@media only screen and (min-width: 347px) {
	.offerPic {	
		max-width: 250px;
	}
}
@media only screen and (min-width: 1047px) {
	.offerPic {	
		max-width: 750px;
		margin: 10px 15px;
	}
}
@media only screen and (min-width: 1297px) {
	.offerPic {	
		max-width: 600px;
	}
}
button.loadCart {
	cursor: pointer;
	background: #b62dbb;
    color: #fff;
    font-size: 1.25em;
    padding: 15px 25px;
    text-align: center;
	border: none;
}
button:hover {
	background: #3241b3;
	color: #fff;
}
/*styles for shopping cart and buttons */
body .sr-modal-details .sr-add-to-cart {
    border-color: #B62DBB;

    background-color: #B62DBB;
    color: #fff;
}
body .sr-modal-details .sr-add-to-cart:hover {
	border-color: #3241b3;
	background-color: #3241b3;
	color: #fff
}
.sr-modal-container .sr-modal .sr-product-options .sr-product-options-row .sr-add-to-cart *, .sr-products .sr-item-inner .sr-product-buttons .sr-product-buttons-actions .sr-add-to-cart * {
    text-transform: uppercase;
}
.sr-element.sr-products.sr-in-page .sr-modal-container.sr-no-gallery .sr-modal-dialog, .sr-modal-container.sr-no-gallery:not(.sr-single-full) .sr-modal-dialog {
    max-width: 1000px !important;
}
.sr-element p {
    text-align: center !important;
}
.sr-discount-wrapper, .sr-offers-wrapper, .sr-payment-mode-wrapper, .sr-cart .sr-product-image  {
	display: none !important;
}
.sr-element img {
    width: 100% !important;
}
.sr-modal-container .sr-modal .sr-product-summary {
    font-size: 18px !important;
    text-align: center !important;
}