@charset "UTF-8";

html,body { height: 100%;   font-weight: 300;}
html {
  font-size: 75%;
}
body {
  text-align: left;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.12rem;
  word-spacing: 0.16rem;
}
p {
  margin-bottom: 2em;
}
input[type="text"],input[type="email"],input[type="tel"],input[type="password"]
{
  -webkit-appearance: none;
}

@media (min-width: 1200px) {
  .container {
    width:  1100px;
  }
}

b, strong {
  font-weight:400;
}

#toggle{
 display: none;
}

.wrapper{
  width: 900px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: left;
  min-height: 100%;
  }
.ie6 .wrapper{ height: 100%; }

.success-msg {
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
  text-align: center;
}

#Slider .bx-viewport
{
  border:none;
  box-shadow:none;
}



#col-main .item img{
 max-height: 150px;
 width: auto;
}

#col-main .item .item-title{
  width: 200px;
  font-size: calc(14rem / 12);
  line-height: 22px;
}
#col-main .total_price{
  font-size: 16px;
}

#col-widgets{
  float: left;
  width: 150px;
  }

/**
 * Header
 */

#top{
  padding: 50px 0 0 0;
  margin: 0 0 30px 0;
  position: relative;
  z-index: 100;
  }

/**
 * Sections
 */

#page-title{
  font-size: 20px;
  border-bottom: dotted 1px #dddddd;
  padding: 0 0 15px 0;
  margin: 0 0 20px 0;
  font-weight:400;
  }

.page_content {
  font-size: calc(15rem / 12);
  line-height: 26px;

  .page-title {
    font-size: calc(30rem / 12);
  }
}

#page-title {
  font-size: calc(20rem / 12);
}



/**
 * Product and Collection Grid
 */

.product-row {
  list-style: none;
  margin: 0;
  padding: 0;
}

.product-grid{
  list-style: none;
  margin: 0;
  }
.product-grid li{
  width: 60px;
  float: left;
  margin: 0 10px 15px 10px;
  position: relative;
  }
.product-grid .last-in-row{ margin-right: 0; }

.generated-height .product-grid-item{
  width: 60px;
  position: absolute;
  top: 0;
}

.product-new{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  padding: 2px 10px;
  text-align: right;
  font-weight: 400;
  font-size: calc(10rem / 12);
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85;
  background: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

  @media screen and (max-width: 768px){
    display: block;
    position: absolute;
    top: 0;
    left: 20px;
    width: auto;
    padding: 20px 20px;
    text-align: right;
    font-weight: 400;
    font-size: 10px;
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
    background: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    }
  }

.product-grid img{
  display: block;
  margin: 0 auto;
  }

.product-grid a{
  text-decoration: none;
  display: block;
  }
.product-grid a:hover{
  }

.product-grid .product-link{
  display: block;
  position: relative;
  z-index: 1;
  text-decoration: none;
  margin: 0;
  min-height: 50px;
  /* for ie6: */
  width: 100%;
  }



.ie6 .product-grid{ overflow: hidden; }

.product-information{
  padding: 10px;
  position: relative;
  background: #f6f6f6;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  }
.product-information h3{
  margin: 5px 0 10px 0;
  }
.product-information p{
  line-height: 1.5em;
  margin: 0 0 .75em 0;
  }

.SoldOut{
  display: block;
  position:relative;
  top: -5px;
  width:100%;
  text-align: center;
  color: #e60012;
  text-transform: uppercase;
  font-size: 1rem;
}

/**
 * Content
 */

.content{
  padding-bottom: 20px;
  line-height: 1.5em;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  }
.content.description{ /* collection descriptions */
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 15px 0 15px 0;
  float: left;
  width: 700px;
  }


/*blog*/
#BlogArticle p{
 	width:100%;
  padding:0;
}

#BlogArticle .button_back {
		display: block;
		width: 140px;
		margin: 30px auto 0;
		border:1px solid #000;
		border-radius: 4px;
		text-align: center;
		padding: 8.5px;
}
#BlogArticle .button_back span {
	position: relative;
	margin-left: 20px;
}
#BlogArticle .button_back span:before, #BlogArticle .button_back span:after {
	content:"";
	position: absolute;
	top: 35%;
	width: 0;
	height: 0;
	border-style: solid;
  border-width: 5px 4px 0 4px;
	border-color: #ffffff transparent transparent transparent;
	transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transition: all 0.3s ease;
}
#BlogArticle .button_back span:before {
	border-color: #343434 transparent transparent transparent;
	left: -22px;
}

#BlogArticle .button_back span:after {
	left: -20px;
}
#BlogArticle .button_back:hover span:before {
	left: -30px;
}
#BlogArticle .button_back:hover span:after {
	left: -28px;
}


article{
  margin: 10px 0 10px 0;
  padding: 0 0 10px 0;
  }

article p{
	font-size:16px;
    line-height:150%;
}

article{
  width:100%;
}

article img{
  //width:700px;
}

/**
 * Pagination
 * Modified from http://twitter.github.com/bootstrap/
 */

.Paginate{
	text-align: center;
}

.pagination {
  margin: 0 0 3px 0;
  float: none;
  display: inline-block;

}

.pagination-wrapper{
	text-align: center;
}

.pagination_top {
  margin: 0 0 3px 0;
  float: right;
  display: inline-block;

}

.pagination_top  ul{
	margin-bottom: 0px;
}

.pagination li {
  display: inline;
  }
.pagination a {
  float: left;
  padding: 0 12px;
  line-height: 28px;
  text-decoration: none;
  font-size: calc(13rem / 12);
  color: #000;
  }


.pagination_top a:hover, .pagination_top .active a {
	border: none !important;
	background-color: transparent!important;
	color: #1976d2!important;
  }

.pagination a:hover, .pagination .active a {
	background-color: #1976d2;
	color: #fff;
  }
.pagination .active a{
  }
.pagination .disabled a, .pagination .disabled a:hover {
	display: none;
  background: transparent;
  color:  #dddddd;
  cursor: default;
  }
.pagination .next a {
  border: 0;
  }

.pagination-num-showing{
  float: right;
  line-height: 28px;
  font-size: 11px;
  color: #000;
  }

/** mailing list widget */

#email-input{
  width: 185px;
  margin-bottom:10px;
  }
.success.feedback{
  font-weight: 400;
  color: green;
  }

/**
 * Customer Accounts
 */

.page-header #page-title{ float: left; border: none; margin: 0; }
.page-header #page-actions{ float: right; }

.templateCustomersLogin form input,
.templateCustomersRegister form input{
  float: left;
  }
.templateCustomersLogin form label,
.templateCustomersRegister form label{
  float: left;
  min-width: 120px;
  line-height: 22px;
  }
.templateCustomersLogin .form-row,
.templateCustomersActivateAccount .form-row,
.templateCustomersRegister .form-row{
  margin: 0 0 8px 0;
  }
.templateCustomersLogin .action-bottom,
.templateCustomersRegister .action-bottom{
  margin: 20px 0 0 0;
  }
.templateCustomersLogin .action-bottom .note,
.templateCustomersRegister .action-bottom .note{
  font-size: calc(11rem / 12);
  padding: 0 0 0 5px;
  line-height: 27px;
  }


/* >> login Form */
#customer-login,
#recover-password{
  float: left;
  width: 58%;
  border-right: solid 1px #dddddd;
  }
#recover-password{
  display: none;
  }
#recover_email label{
  min-width: 75px;
  }
#forgot_password{
  margin: 2px 0 0 5px;
  font-size: 11px;
  float: left;
  }

#guest{
  float: right;
  width: 38%
  }


/**
 * Utils
 */

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.left{ float: left; }
.right{ float: right; }

.btn,
a.btn{
  display: inline-block;
  background: #666666 url(//cdn.shopify.com/s/files/1/0214/3706/t/35/assets/btn-small-depth.png?v=171432813829885615621672219131) 0 100% repeat-x;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: solid 1px #666666;
  color: #ffffff;
  padding: 5px 10px 4px 10px;
  text-decoration: none;
  font-weight: 400;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  text-align: center;
  cursor: pointer;
  }

 .action-btn {
	 	width: 30%;
	 	background: #039be5;
	  border-radius: 100px;
	  border: 0;
	  padding: 13px 0px;
	  font-size: calc(18rem / 12);
	  color: #fff;
	  @media screen and (max-width: 768px) {
	  	width: 100%;
	  }
	}

 .normal-btn {
	border-radius: 100px;
  border: solid 2px #dfdfdf;
  padding: 13px 50px;
  font-size: 18px;
 }

 .normal-btn:hover {
  border: solid 2px #00aae7;
  color: #00aae7;
  text-decoration: none;
 }

.btn.disabled:hover,
a.btn.disabled:hover{
  border: solid 1px #666666;
  background: #666666 url(//cdn.shopify.com/s/files/1/0214/3706/t/35/assets/btn-small-depth.png?v=171432813829885615621672219131) 0 100% repeat-x;
  color: #ffffff;
  }

.disabled{-moz-opacity:0.30;opacity:.30;filter:alpha(opacity=30);cursor:default;}

.btn:hover,
a.btn:hover{
  border: solid 1px #6db038;
  background: #6db038 url(//cdn.shopify.com/s/files/1/0214/3706/t/35/assets/btn-small-depth.png?v=171432813829885615621672219131) 0 100% repeat-x;;
  color: #ffffff;
  }

.btn-reversed{
  border: solid 1px #6db038;
  background: #6db038 url(//cdn.shopify.com/s/files/1/0214/3706/t/35/assets/btn-small-depth.png?v=171432813829885615621672219131) 0 100% repeat-x;;
  color: #ffffff;
  }
.btn-reversed:hover{
  background: #666666 url(//cdn.shopify.com/s/files/1/0214/3706/t/35/assets/btn-small-depth.png?v=171432813829885615621672219131) 0 100% repeat-x;
  border: solid 1px #666666;
  color: #ffffff;
  }



/**
 * Some print style resets
 */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}


/* Added by Caroline on January 14th for Customizr */

#product-actions input.text,
#product-actions input[type=text],
#product-actions textarea {
  width: 90%;
}

#product-actions input[type=text]:invalid,
#product-actions textarea:invalid {
  -moz-box-shadow:       inset 0 0 1px 1px #FF9494;
  -webkit-box-shadow:    inset 0 0 1px 1px #FF9494;
  box-shadow:            inset 0 0 1px 1px #FF9494;
}

.error span {
  line-height: 2;
  color: red;
}

/* Type List */

#ProductTypeList{
	margin:0;
	padding:0;
	list-style-type:none;
    list-style-position:inside;
}

#ProductTypeList li{
	margin:10px 0;
}


/* Blog */


#page-header.blog {
	text-align: center;
}

#page-title.blog {
	border: none;
	font-size: 2rem;
	font-weight: normal;
}


.BlogContents{
	background-color:#FFF;
	text-align: center;
}

.BlogContents .Blog-featured-image {
	max-width: 650px;
	margin: 0 auto;
}

#BlogList{
	font-size:1rem;
	list-style-type:none;
	list-style-position:inside;
}

#BlogList li{
	margin-bottom:15px;
}

.BlogContents h2 {
  font-size: calc(30rem / 12);
}

.BlogContents h3 {
  font-size: calc(24rem / 12);
}

.BlogContents h4 {
  font-size: calc(18rem / 12);
}

.BlogContents h5 {
  font-size: calc(14rem / 12);
}

/* COLLECTION */

#ItemInfo{
	float:right;
    width:270px;
    text-align:right;
}

#CollectionList ul{
    margin:0;
	padding:0;
	list-style-type:none;
    list-style-position:inside;
}

#CollectionPic img{
	width:383px;
    margin-left:30px;
}

#BtnPrev{
	display:block;
    position:absolute;
    top:250px;
    left:-20px;
}

#BtnNext{
	display:block;
    position:absolute;
    top:250px;
    left:413px;
}

#SideMenu{
  float:left;
  width:185px;
}

#SideMenu ul{
  list-style-position: inside;
  list-style: none;
  text-align: left;
  margin: 0;
  padding: 0;
}

#SideMenu .MenuTitle{
  padding: 5px 0;
  margin: 30px 0 10px 0;
  font-size: calc(20rem / 12);
  font-weight: 400;
  text-align: left;
  color: #000;
}

#SideMenu li{
	font-size: calc(14rem / 12);
	line-height: 28px;
}

#SideMenu li a:hover {
	text-decoration: none;
}

#SideMenu .Active{
  color:#1565c0;
}

.filter-group .has_selected .active {
    display: none;
}

.filter-group .has_selected .selected {
    display: inherit;
}

.PaginateLine{
  margin-bottom:10px;
}

.sort-custom-links {
	padding: 5px 0 10px 0;
	border-bottom: solid 2px #f1f1f1;
	margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.sort-custom-links span {
	margin-right: 10px;
	font-size: calc(14rem / 12);
	font-weight: 400;
	color: #666;
}

.sort-custom-links span a:hover {
	text-decoration: none;
}

.custom-link-area {
	border-bottom: solid 2px #f1f1f1;
	margin-bottom: 20px;
}

.cat_title {
	float: left;
	font-size: 24px;
	font-weight: 400;
	text-align: left;
	color: #000;
	margin-bottom: 3px;
}

*{
	box-sizing:border-box;
}

.visible-xs-inline{
  display: none;
}
.hidden-xs-inline{
  display: inline;
}

#Blog-wrapper .bx-wrapper .bx-prev
{
  left:0;
}

#Blog-wrapper .bx-wrapper .bx-next
{
  right:0;
}

$set-prefix: '' , -moz- , -webkit- , -o- , -ms- ;
@mixin animation($animation-name) {
  -webkit-animation: $animation-name;
  -moz-animation: $animation-name;
  animation: $animation-name;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

@mixin keyframes($animation-name: animaton) {
  @-webkit-keyframes #{$animation-name} {
    @content;
  }
  @-moz-keyframes #{$animation-name} {
    @content;
  }
  @keyframes #{$animation-name} {
    @content;
  }
}

@mixin Pfix($name, $value) {
  @each $prefix in $set-prefix {
    #{$prefix}#{$name}: $value;
  }
}

.sold-out-price{
	display: none;
	@media screen and (max-width: 768px){
		display: inline-block;
	}
}

.wishlist-pro-container small {
  display: none !important;
}
.wishlist-pro-container .wishlist-pro-wrapper {
  width: 100%;
  clear: both;
}
.wishlist-pro-container .wishlist-pro-wrapper ul li {
  padding: 0;
}
.wishlist-pro-container .wishlist-pro-wrapper a {
  border-radius: 100px;
  border: solid 2px #959595;
  padding: 13px 48px;
  font-size: calc(18rem / 12);
}

.wishlist-pro-container .wishlist-pro-wrapper a:hover {
	border: solid 2px #00aae7;
	color:#00aae7;
}

.wishlist-pro-wrapper-page .add_to_cart_form .add-to-cart,
.wishlist-pro-wrapper-page .btn-delete {
  font-size: calc(14rem / 12);
}

.wishlist-pro-wrapper-page .add-to-cart {
  background-color: #039be5;
}

.little-padding{
	padding-top:20px;
	clear: both;
}

.sp-split{
	display: none;
}
.links{
	float: left;
	@media screen and (max-width: 768px){
		float: none;
	}
}

.visible-sp {
	display:none;
	@media screen and (max-width: 768px) {
		display:block;
	}
}

.hidden-sp {
	@media screen and (max-width: 768px) {
		display:none;
	}
}

p.search-result
{
  margin-top:46px;
  font-weight: bold;
  font-size: 16px;
  color: #333333;
}

.Search-menu
{
  margin-bottom:6px;
}

.Search-menu p
{
  font-size: 48pt;
  color: #333333;
  margin-bottom:4px;
  font-weight: 400;
}

.Search-menu span
{
  font-size: 13pt;
  color: #565656;
  margin-bottom:0px;
  font-weight: 400;
}

p.breadcrumbs
{
  margin-bottom: 40px;
}


p.breadcrumbs a.bold
{
  font-weight:600;
}

.breadcrumbs a:hover
{
  color: #555;
  text-decoration: none;
  border-bottom: solid 2px #777;
}

.result-top
{
  text-decoration: underline;
  font-weight: 100;
  font-size: 13pt;
  display: inline-block;
  margin-top: 22px;
}

.result-top:hover
{
  color: #333333;
}
.back-top
{
  margin-top:30px;
}
.back-top a
{
  text-decoration:underline;
  font-size:13pt;
  color:black;
}

.sitemap ul
{
  list-style:none;
}

@media screen and (max-width:992px)
{
  p.search-result
  {
  border-bottom:1pt solid #f1f1f1;
  padding-bottom: 16px;
  }
  .mobile-results
  {
    text-align: center;
    margin-bottom:60px;
  }
  .mobile-results h1
  {
    font-size: 48pt;
    color:#333333;
    margin-bottom:0px;
  }

  .mobile-results span
  {
    font-size:13pt;
    color:#565656;
  }

}

#body-search-form {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

#body-search-form .form-control {
  border-color: #959595;
}

#body-search-form .submit-button {
  height: 34px;
  margin-left: 10px;
  color: white;
  background-color: #009cd4;
  padding: 0 12px;
  border: none;
  border-radius: 4px;
  font-size: 14px;
}



#MobileThumbnails
{
	width:950px;
	margin: 20px auto 25px;
  list-style: none;
  text-align: center;
}

#MobileThumbnails li {
  display: inline-block;
  margin: 0 10px 0 10px;
}

#MobileThumbnails a
{
	display:block;
  width:22%;
}

#MobileThumbnails a img
{
 max-width: 200px;
}

@media screen and (max-width: 768px) {

  #MobileThumbnails
  {
    width: 100%;
  }

  #MobileThumbnails li
  {
    margin: 0 0 10px 0;
    float: left;
    display: block;
    width: calc(50% - 5px);
    border: 1px solid #dddddd;
  }

	#MobileThumbnails a
	{
    display: block;
    width: 100%;
	}

	#MobileThumbnails li:nth-child(odd)
	{
		margin-right:10px;
	}

	#MobileThumbnails a img
	{
		width:100%;
    max-width:100%;
	}
}

@media screen and (max-width: 992px) {
  #BlogArticle article img {
    height: auto;
  }
}