/** Shopify CDN: Minification failed

Line 470:0 Unexpected "100%"
Line 474:0 Unexpected "}"
Line 476:0 Unexpected "0%"
Line 480:0 Unexpected "100%"

**/
.collection-section {border-top:1px solid #ececec; padding-bottom: 23px;}

.home-header {overflow:hidden; text-align:center;  padding-top: 80px;}

.home-header .starSeparator {
  margin-top: 42px;
  text-align: center;
}

.smallLogo {
  position: absolute;
  left: 50%;
  top: -22px;
  width: 42px;
  height: 42px;
  margin-left: -21px;
}

h2.title {
  font-size: 29px;
  letter-spacing: 2px;
  line-height: 100%;
  padding-bottom: 15px;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.subTitle {
  color: #aaa;
  display: block;
  font-size: 13px;
  letter-spacing: 6px;
  line-height: 100%;
  text-align: center;
  word-spacing: 2px;
   font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}




.tg-producttabs {padding:0px;  margin-top: 42px;}

.tg-producttabs img {width:100%}

.tg-producttabs .tg-pdt-container .tg-pdt-nav {
	display: block;
	text-align: left;

}
.tg-producttabs .tg-pdt-container .tg-pdt-nav .pdt-nav > li {
	  border: 2px solid #ececec;
  color: #333;
  display:inline-block;
  font-size: 13px;
  font-weight: normal;
  margin: 0px;
  overflow: hidden;
  padding: 10px 21px;
  position: relative;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
  font-family: 'Montserrat', sans-serif;
  margin: 0px 3px;
  cursor:pointer
}
.tg-producttabs .tg-pdt-container .tg-pdt-nav .pdt-nav > li span {
	padding: 0 0;
	display: inline-block;
}
.tg-producttabs .tg-pdt-container .tg-pdt-nav .pdt-nav > li:first-child {
}
.tg-producttabs .tg-pdt-container .tg-pdt-nav .pdt-nav > li.tab-nav-actived, .tg-producttabs .tg-pdt-container .tg-pdt-nav .pdt-nav > li:hover {
	color: #fff;
	border-color:#ff8300;
  background:#ff8300
}


.tg-producttabs .tg-pdt-container .tg-pdt-content .pdt-content .products-grid-tabs {
	padding-bottom: 0px;
}
.tg-producttabs .tg-pdt-container .tg-pdt-content .pdt-content .products-grid-tabs .item {
	margin-bottom: 25px;
	margin-top: 15px;
	border: 2px solid #ddd;
	padding-right: 20px;
	padding: 20px
}
.tg-producttabs .tg-pdt-container .tg-pdt-content .pdt-content .products-grid-tabs .item.last {
	margin-bottom: 25px;
	margin-top: 15px;
	border-right: 0px solid #D9D9D9;
	padding-right: 0;
}
.tg-producttabs .pre-text {
	margin: 0 0 15px 0;
}
.tg-producttabs .post-text {
	margin: 10px 0 0;
}
.tg-producttabs a:hover {
	text-decoration: none;
}
.main-pro .col-lg-8, .main-pro .col-md-8, .main-pro .col-sm-8 {
	padding-left: 0px
}
.main-pro .col-lg-4, .main-pro .col-md-4, .main-pro .col-sm-4 {
	padding: 0px
}
.tg-producttabs .tg-pdt-container {
	padding: 0;
}
.tg-producttabs .tg-pdt-container .pdt-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	height: 40px;
}

.tg-producttabs .tg-pdt-container .pdt-nav > li.tab-nav-actived, .tg-producttabs .tg-pdt-container .pdt-nav > li:hover {
}
.tg-producttabs .tg-pdt-content {
	margin: 0;
	padding: 0;
}
.tg-producttabs .tg-pdt-content .pdt-content {
	margin: 30px 0 0;
	padding: 0;
	width: 100%;
	display: none;
}
.tg-producttabs .tg-pdt-content .pdt-list {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}
.tg-producttabs .tg-pdt-content .tab-content-actived {
	display: inline-block;
}
.tg-producttabs .tg-pdt-content .pdt-content .item.first {
	margin-left: 0px;
}
.tg-producttabs .tg-pdt-content .pdt-content .item {
	margin-bottom: 10px;
	margin-top: 0;
	list-style: none;
}

.tg-producttabs .tg-pdt-content .pdt-content .item:first-child {margin-left:0px}
.tg-producttabs .tg-pdt-content .pdt-content .item .pro-slide {padding:0px}

.tg-producttabs .tg-pdt-content .pdt-content .item-animate {
	opacity: 0;
	position: relative;
}
.tg-producttabs .tg-pdt-content .pdt-content .play .item-animate {
	opacity: 1.0;
}
.tg-producttabs .tg-pdt-content .pdt-content .play .item-animate {
	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	-o-animation-play-state: running;
	animation-play-state: running;
	margin-top: 15px;
	margin-bottom: 5px!important
}
.tg-producttabs .tg-pdt-content .pdt-content .slideBottom.play .item-animate {
	-webkit-animation: slideBottom 600ms ease both;
	-moz-animation: slideBottom 600ms ease both;
	-o-animation: slideBottom 600ms ease both;
	animation: slideBottom 600ms ease both;
}
.tg-producttabs .tg-pdt-content .pdt-content .slideLeft.play .item-animate {
	-webkit-animation: slideLeft 600ms ease both;
	-moz-animation: slideLeft 600ms ease both;
	-o-animation: slideLeft 600ms ease both;
	animation: slideLeft 600ms ease both;
}
.tg-producttabs .tg-pdt-content .pdt-content .slideRight.play .item-animate {
	-webkit-animation: slideRight 600ms ease both;
	-moz-animation: slideRight 600ms ease both;
	-o-animation: slideRight 600ms ease both;
	animation: slideRight 600ms ease both;
}
.tg-producttabs .tg-pdt-content .pdt-content .bounceIn.play .item-animate {
	-webkit-animation: bounceIn 600ms ease both;
	-moz-animation: bounceIn 600ms ease both;
	-o-animation: bounceIn 600ms ease both;
	animation: bounceIn 600ms ease both;
}
.tg-producttabs .tg-pdt-content .pdt-content .bounceInRight.play .item-animate {
	-webkit-animation: bounceInRight 600ms ease both;
	-moz-animation: bounceInRight 600ms ease both;
	-o-animation: bounceInRight 600ms ease both;
	animation: bounceInRight 600ms ease both;
}
.tg-producttabs .tg-pdt-content .pdt-content .zoomIn.play .item-animate {
	-webkit-animation: zoomIn 600ms ease both;
	-moz-animation: zoomIn 600ms ease both;
	-o-animation: zoomIn 600ms ease both;
	animation: zoomIn 600ms ease both;
}
.tg-producttabs .tg-pdt-content .pdt-content .zoomOut.play .item-animate {
	-webkit-animation: zoomOut 600ms ease both;
	-moz-animation: zoomOut 600ms ease both;
	-o-animation: zoomOut 600ms ease both;
	animation: zoomOut 600ms ease both;
}
.tg-producttabs .tg-pdt-content .pdt-content .pageRight.play .item-animate {
	-webkit-animation: pageRight 600ms ease both;
	-moz-animation: pageRight 600ms ease both;
	-o-animation: pageRight 600ms ease both;
	animation: pageRight 600ms ease both;
}
.tg-producttabs .tg-pdt-content .pdt-content .pageLeft.play .item-animate {
	-webkit-animation: pageLeft 600ms ease both;
	-moz-animation: pageLeft 600ms ease both;
	-o-animation: pageLeft 600ms ease both;
	animation: pageLeft 600ms ease both;
}
.tg-producttabs .tg-pdt-content .pdt-content .pageTop.play .item-animate {
	-webkit-animation: pageTop 600ms ease both;
	-moz-animation: pageTop 600ms ease both;
	-o-animation: pageTop 600ms ease both;
	animation: pageTop 600ms ease both;
}
.tg-producttabs .tg-pdt-content .pdt-content .pageBottom.play .item-animate {
	-webkit-animation: pageBottom 600ms ease both;
	-moz-animation: pageBottom 600ms ease both;
	-o-animation: pageBottom 600ms ease both;
	animation: pageBottom 600ms ease both;
}
.tg-producttabs .tg-pdt-content .pdt-content .starwars.play .item-animate {
	-webkit-animation: starwars 600ms ease-out both;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: starwars 600ms ease-out both;
	-moz-transform-origin: 50% 50%;
	-o-animation: starwars 600ms ease-out both;
	-o-transform-origin: 50% 50%;
	animation: starwars 600ms ease-out both;
	transform-origin: 50% 50%;
}
.tg-producttabs .pdt-content .content-loading {
	width: 100%;
	max-width: 100%;
	padding: 0;
	position: relative;
	min-height: 400px;
	display: block;
	z-index: 0;
}
.tg-producttabs .tg-pdt-content .pdt-loadmore {
	display: block;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
	width: 100%;
}
.tg-producttabs .pdt-content .pdt-loadmore .btn-loadmore {
	padding: 6px 20px;
	display: inline-block;
	background: #777;
	color: #FFF;
	cursor: pointer;
	position: relative;
}
.tg-producttabs .pdt-content .pdt-loadmore .btn-loadmore.loading {
	padding: 6px 20px 6px 50px;
}
.tg-producttabs .pdt-content .pdt-loadmore .btn-loadmore:hover {
	background: #222;
}
.tg-producttabs .pdt-content .pdt-loadmore .ico-loading {
	width: 24px;
	height: 24px;
	display: none;
	margin-right: 10px;
	vertical-align: middle;
	position: absolute;
	top: 6px;
	left: 20px;
}
.tg-producttabs .pdt-content .pdt-loadmore .btn-loadmore.loading .load-number {
	display: none;
}
.tg-producttabs .pdt-content.is-loading .pdt-loadmore {
	display: none;
}
.tg-producttabs .pdt-content .pdt-loadmore .load-number:before {
	content: "("attr(data-more);
}
.tg-producttabs .pdt-content .pdt-loadmore .load-number:after {
	content: attr(data-total)")";
}
.tg-producttabs .pdt-list .wide-first {
	margin-left: 0px;
}
.pdt-list .item {
	margin-left: 2.5%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.pdt-list .item.last {
	margin-left: 2.5%;
}
.tg-producttabs .wide-6 .item {
	width: 14.529914529915%;
}
.tg-producttabs .wide-5 .item {
	width: 23.5%;
}
.tg-producttabs .wide-4 .item {
	width: 23%;
}
.tg-producttabs .wide-3 .item {
	width: 23.4%;
}
.tg-producttabs .wide-2 .item {
	width: 48.717948717949%;
}
.tg-producttabs .wide-1 .item {
	width: 100%;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
}
50% {
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(.3);
}
50% {
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(.9);
}
100% {
opacity: 1;
-moz-transform: scale(1);
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(.3);
}
50% {
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(.9);
}
100% {
opacity: 1;
-o-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(.3);
}
50% {
transform: scale(1.05);
}
70% {
transform: scale(.9);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
60% {
-webkit-transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
60% {
-moz-transform: translateX(-30px);
}
80% {
-moz-transform: translateX(10px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
60% {
-o-transform: translateX(-30px);
}
80% {
-o-transform: translateX(10px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
60% {
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}

100% {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes zoomOut {
0% {
opacity: 0;
-webkit-transform: scale(.6);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@-moz-keyframes zoomOut {
0% {
opacity: 0;
-moz-transform: scale(.6);
}
100% {
opacity: 1;
-moz-transform: scale(1);
}
}
@-o-keyframes zoomOut {
0% {
opacity: 0;
-o-transform: scale(.6);
}
100% {
opacity: 1;
-o-transform: scale(1);
}
}
@keyframes zoomOut {
0% {
opacity: 0;
transform: scale(.6);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes slideBottom {
0% {
opacity: 0;
top: 50px;
}
100% {
opacity: 1;
top: 0;
}
}
@-moz-keyframes slideBottom {
0% {
opacity: 0;
top: 50px;
}
100% {
opacity: 1;
top: 0;
}
}
@-o-keyframes slideBottom {
0% {
opacity: 0;
top: 50px;
}
100% {
opacity: 1;
top: 0;
}
}
@keyframes slideBottom {
0% {
opacity: 0;
top: 50px;
}
100% {
opacity: 1;
top: 0;
}
}
@-webkit-keyframes slideRight {
0% {
opacity: 0;
left: 30px;
}
100% {
opacity: 1;
left: 0;
}
}
@-moz-keyframes slideRight {
0% {
opacity: 0;
left: 30px;
}
100% {
opacity: 1;
left: 0;
}
}
@-o-keyframes slideRight {
0% {
opacity: 0;
left: 30px;
}
100% {
opacity: 1;
left: 0;
}
}
@keyframes slideRight {
0% {
opacity: 0;
left: 30px;
}
100% {
opacity: 1;
left: 0;
}
}
@-webkit-keyframes slideLeft {
0% {
opacity: 0;
left: -30px;
}
100% {

opacity: 1;
left: 0;
}
}
@-moz-keyframes slideLeft {
0% {
opacity: 0;
left: -30px;
}
100% {
opacity: 1;
left: 0;
}
}
@-o-keyframes slideLeft {
0% {
opacity: 0;
left: -30px;
}
100% {
opacity: 1;
left: 0;
}
}
@keyframes slideLeft {
0% {
opacity: 0;
left: -30px;
}
100% {
opacity: 1;
left: 0;
}
}
@-webkit-keyframes pageLeft {
0% {
opacity: 0;
-webkit-transform: perspective(400px) rotateY(-90deg);
}
100% {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(0deg);
}
}
@-moz-keyframes pageLeft {
0% {
opacity: 0;
-moz-transform: perspective(400px) rotateY(-90deg);
}
100% {
opacity: 1;
-moz-transform: perspective(400px) rotateY(0deg);
}
}
@-o-keyframes pageLeft {
0% {
opacity: 0;
-o-transform: perspective(400px) rotateY(-90deg);
}
100% {
opacity: 1;
-o-transform: perspective(400px) rotateY(0deg);
}
}
@keyframes pageLeft {
0% {
opacity: 0;
transform: perspective(400px) rotateY(-90deg);
}
100% {
opacity: 1;
transform: perspective(400px) rotateY(0deg);
}
}
@-webkit-keyframes pageRight {
0% {
opacity: 0;
-webkit-transform: perspective(400px) rotateY(90deg);
}
100% {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(0deg);
}
}
@-moz-keyframes pageRight {
0% {
opacity: 0;
-moz-transform: perspective(400px) rotateY(90deg);
}
100% {
opacity: 1;
-moz-transform: perspective(400px) rotateY(0deg);
}
}
@-o-keyframes pageRight {
0% {
opacity: 0;
-o-transform: perspective(400px) rotateY(90deg);
}
100% {
opacity: 1;
-o-transform: perspective(400px) rotateY(0deg);
}
}
@keyframes pageRight {
0% {
opacity: 0;
transform: perspective(400px) rotateY(90deg);
}
100% {
opacity: 1;
transform: perspective(400px) rotateY(0deg);
}
}
@-webkit-keyframes pageTop {
0% {
opacity: 0;
-webkit-transform: perspective(400px) rotateX(90deg);
}
100% {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
}
}
@-moz-keyframes pageTop {
0% {
opacity: 0;
-moz-transform: perspective(400px) rotateX(90deg);
}
100% {
opacity: 1;
-moz-transform: perspective(400px) rotateX(0deg);
}
}
@-o-keyframes pageTop {
0% {
opacity: 0;
-o-transform: perspective(400px) rotateX(90deg);
}
100% {
opacity: 1;
-o-transform: perspective(400px) rotateX(0deg);
}
}
@keyframes pageTop {
0% {
opacity: 0;
transform: perspective(400px) rotateX(90deg);
}
100% {
opacity: 1;
transform: perspective(400px) rotateX(0deg);
}
}
@-webkit-keyframes pageTopBack {
0% {
opacity: 0;
-webkit-transform: perspective(400px) rotateX(90deg);
}
100% {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
}
}
@-moz-keyframes pageTopBack {
0% {
opacity: 0;
-moz-transform: perspective(400px) rotateX(90deg);
}
100% {
opacity: 1;
-moz-transform: perspective(400px) rotateX(0deg);
}
}
@-o-keyframes pageTopBack {
0% {
opacity: 0;
-o-transform: perspective(400px) rotateX(90deg);
}
100% {
opacity: 1;
-o-transform: perspective(400px) rotateX(0deg);
}
}
@keyframes pageTopBack {
0% {
opacity: 0;
transform: perspective(400px) rotateX(90deg);
}
100% {
opacity: 1;
transform: perspective(400px) rotateX(0deg);
}
}
@-webkit-keyframes pageBottom {
0% {
opacity: 0;
-webkit-transform: perspective(400px) rotateX(-90deg);
}
100% {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
}
}
@-moz-keyframes pageBottom {
0% {
opacity: 0;
-moz-transform: perspective(400px) rotateX(-90deg);
}
100% {
opacity: 1;
-moz-transform: perspective(400px) rotateX(0deg);
}
}
@-o-keyframes pageBottom {
0% {
opacity: 0;
-o-transform: perspective(400px) rotateX(-90deg);
}
100% {
opacity: 1;
-o-transform: perspective(400px) rotateX(0deg);
}
}
@keyframes pageBottom {
0% {
opacity: 0;
transform: perspective(400px) rotateX(-90deg);
}
100% {
opacity: 1;
transform: perspective(400px) rotateX(0deg);
}
}
@-webkit-keyframes starwars {
0% {
opacity: 0;
-webkit-transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg);
}
80% {
opacity: 1;
-webkit-transform: perspective(200px) scale(1) rotateX(60deg)
}
100% {
opacity: 1;
-webkit-transform: perspective(200px) scale(1) rotateX(0deg)
}
}
@-moz-keyframes starwars {
0% {
opacity: 0;
-moz-transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg);
}
80% {
opacity: 1;
-moz-transform: perspective(200px) scale(1) rotateX(60deg)
}
100% {
opacity: 1;
-moz-transform: perspective(200px) scale(1) rotateX(0deg)
}
}
@-o-keyframes starwars {
0% {
opacity: 0;
-o-transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg);
}
80% {
opacity: 1;
-o-transform: perspective(200px) scale(1) rotateX(60deg)
}
100% {
opacity: 1;
-o-transform: perspective(200px) scale(1) rotateX(0deg)
}
}
@keyframes starwars {
0% {
opacity: 0;
transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg);
}
80% {
opacity: 1;
transform: perspective(200px) scale(1) rotateX(60deg)
}
100% {
opacity: 1;
transform: perspective(200px) scale(1) rotateX(0deg)
}
}