@charset "utf-8";

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.head {
	background-color: #00CC33;
	background-image: linear-gradient(175deg,hsla(0,0%,0%,0) 45%,hsl(135, 100%, 30%) 70%);
}
@media (max-width: 992px) {
	.logo {
		max-height:90px;
	}
}

#itemImg {
    border-radius: 20px;
}
.prev-img {
    border: solid 0px #ccc;
    border-radius: 15px;
}

.brand {
	    float: left;
    height: 105px;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
}

p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

/* -- container -- */
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
/*
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
*/
/* -- /container -- */

.container:before,
.container:after,
.row:before,
.row:after, {
  content: " ";
  display: table;
}

.container:before,
.container:after,
.row:after, {
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }
.col-xs-pull-12 { right: 100%; }
.col-xs-pull-11 { right: 91.66666667%; }
.col-xs-pull-10 { right: 83.33333333%; }
.col-xs-pull-9 { right: 75%; }
.col-xs-pull-8 { right: 66.66666667%; }
.col-xs-pull-7 { right: 58.33333333%; }
.col-xs-pull-6 { right: 50%; }
.col-xs-pull-5 { right: 41.66666667%; }
.col-xs-pull-4 { right: 33.33333333%; }
.col-xs-pull-3 { right: 25%; }
.col-xs-pull-2 { right: 16.66666667%; }
.col-xs-pull-1 { right: 8.33333333%; }
.col-xs-pull-0 { right: 0%; }
.col-xs-push-12 { left: 100%; }
.col-xs-push-11 { left: 91.66666667%; }
.col-xs-push-10 { left: 83.33333333%; }
.col-xs-push-9 { left: 75%; }
.col-xs-push-8 { left: 66.66666667%; }
.col-xs-push-7 { left: 58.33333333%; }
.col-xs-push-6 { left: 50%; }
.col-xs-push-5 { left: 41.66666667%; }
.col-xs-push-4 { left: 33.33333333%; }
.col-xs-push-3 { left: 25%; }
.col-xs-push-2 { left: 16.66666667%; }
.col-xs-push-1 { left: 8.33333333%; }
.col-xs-push-0 { left: 0%; }
.col-xs-offset-12 { margin-left: 100%; }
.col-xs-offset-11 { margin-left: 91.66666667%; }
.col-xs-offset-10 { margin-left: 83.33333333%; }
.col-xs-offset-9 { margin-left: 75%; }
.col-xs-offset-8 { margin-left: 66.66666667%; }
.col-xs-offset-7 { margin-left: 58.33333333%; }
.col-xs-offset-6 { margin-left: 50%; }
.col-xs-offset-5 { margin-left: 41.66666667%; }
.col-xs-offset-4 { margin-left: 33.33333333%; }
.col-xs-offset-3 { margin-left: 25%; }
.col-xs-offset-2 { margin-left: 16.66666667%; }
.col-xs-offset-1 { margin-left: 8.33333333%; }
.col-xs-offset-0 { margin-left: 0%; }
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .col-sm-offset-12 { margin-left: 100%; }
  .col-sm-offset-11 { margin-left: 91.66666667%; }
  .col-sm-offset-10 { margin-left: 83.33333333%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-8 { margin-left: 66.66666667%; }
  .col-sm-offset-7 { margin-left: 58.33333333%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-5 { margin-left: 41.66666667%; }
  .col-sm-offset-4 { margin-left: 33.33333333%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-2 { margin-left: 16.66666667%; }
  .col-sm-offset-1 { margin-left: 8.33333333%; }
  .col-sm-offset-0 { margin-left: 0%; }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; }
  .col-md-offset-12 { margin-left: 100%; }
  .col-md-offset-11 { margin-left: 91.66666667%; }
  .col-md-offset-10 { margin-left: 83.33333333%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-8 { margin-left: 66.66666667%; }
  .col-md-offset-7 { margin-left: 58.33333333%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-5 { margin-left: 41.66666667%; }
  .col-md-offset-4 { margin-left: 33.33333333%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-2 { margin-left: 16.66666667%; }
  .col-md-offset-1 { margin-left: 8.33333333%; }
  .col-md-offset-0 { margin-left: 0%; }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; }
  .col-lg-offset-12 { margin-left: 100%; }
  .col-lg-offset-11 { margin-left: 91.66666667%; }
  .col-lg-offset-10 { margin-left: 83.33333333%; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-offset-8 { margin-left: 66.66666667%; }
  .col-lg-offset-7 { margin-left: 58.33333333%; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-offset-5 { margin-left: 41.66666667%; }
  .col-lg-offset-4 { margin-left: 33.33333333%; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-offset-2 { margin-left: 16.66666667%; }
  .col-lg-offset-1 { margin-left: 8.33333333%; }
  .col-lg-offset-0 { margin-left: 0%; }
}

.margin-0 { margin: 0; }
.margin-top-0 { margin-top: 0; }
.margin-bottom-0 { margin-bottom: 0; }
.margin-top-025 { margin-top: 3px; }
.margin-top-05 { margin-top: 6px; }
.margin-top-1 { margin-top: 12px; }
.margin-top-15 { margin-top: 18px; }
.margin-top-2 { margin-top: 24px; }
.margin-top-3 { margin-top: 36px; }
.margin-top-4 { margin-top: 48px; }
.margin-top-8 { margin-top: 96px; }
.margin-bottom-025 { margin-bottom: 3px; }
.margin-bottom-05 { margin-bottom: 6px; }
.margin-bottom-1 { margin-bottom: 12px; }
.margin-bottom-15 { margin-bottom: 18px; }
.margin-bottom-2 { margin-bottom: 24px; }
.margin-bottom-3 { margin-bottom: 36px; }
.margin-bottom-4 { margin-bottom: 48px; }
.margin-bottom-8 { margin-bottom: 96px; }
.margin-right-025 { margin-right: 3px; }
.margin-right-05 { margin-right: 6px; }
.margin-right-1 { margin-right: 12px; }
.margin-right-15 { margin-right: 18px; }
.margin-right-2 { margin-right: 24px; }
.margin-left-025 { margin-left: 3px; }
.margin-left-05 { margin-left: 6px; }
.margin-left-1 { margin-left: 12px; }
.margin-left-15 { margin-left: 18px; }
.margin-left-2 { margin-left: 24px; }
.padding-top-0 { padding-top: 0; }
.padding-top-05 { padding-top: 6px; }
.padding-top-1 { padding-top: 12px; }
.padding-top-15 { padding-top: 18px; }
.padding-top-2 { padding-top: 24px; }
.padding-top-3 { padding-top: 36px; }
.padding-top-4 { padding-top: 48px; }
.padding-bottom-0 { padding-bottom: 0; }
.padding-bottom-05 { padding-bottom: 6px; }
.padding-bottom-1 { padding-bottom: 12px; }
.padding-bottom-15 { padding-bottom: 18px; }
.padding-bottom-2 { padding-bottom: 24px; }
.padding-bottom-3 { padding-bottom: 36px; }
.padding-bottom-4 { padding-bottom: 48px; }
.padding-right-025 { padding-right: 3px; }
.padding-right-05 { padding-right: 6px; }
.padding-right-1 { padding-right: 12px; }
.padding-left-025 { padding-left: 3px; }
.padding-left-05 { padding-left: 6px; }
.padding-left-1 { padding-left: 12px; }
.no-padding { padding: 0 !important; }
@media (max-width: 767px) {
	.margin-top-xs-0 { margin-top: 0; }
	.margin-top-xs-05 { margin-top: 6px; }
	.margin-top-xs-1 { margin-top: 12px; }
	.margin-top-xs-2 { margin-top: 24px; }
	.margin-bottom-xs-0 { margin-bottom: 0; }
	.margin-bottom-xs-05 { margin-bottom: 6px; }
	.margin-left-xs-0 { margin-left: 0; }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-responsive.center {
	margin: 0 auto;
}
@media (max-width: 992px) {
  .img-responsive.center-sm {
    margin: 0 auto;
  }
}


h1,
h2,
h3,
h4,
h5,
h6,
.h3 {
  margin: 12px 0;
  font-family: inherit;
  font-weight: 300;
  line-height: 24px;
  color: inherit;
  text-rendering: optimizelegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
  line-height: 1;
  color: #999;
}
h1,
h2,
h3 {
  color: #555;
}
h1 {
  font-size: 38.5px;
font-weight: 300;
}
h1{
  line-height: 48px;
}
h2 {
  font-size: 31.5px;
}
h3,
.h3 {
  font-size: 24.5px;
}
h2,
h3,
.h3 {
  line-height: 36px;
}
h4,
.h4 {
  font-size: 17.5px;
}
h3.small,
.h3.small {
	font-size: 20px;
	line-height: 24px;
}
h5 {
	font-size: 14px;
	font-weight: bold;
}
h6 {
	font-size: 11.9px;
	font-weight: bold;
}
h1 small {
  font-size: 24.5px;
}

h2 small {
  font-size: 17.5px;
}
h3 small {
  font-size: 14px;
}
h4 small {
  font-size: 14px;
}
@media (max-width: 767px) {
	.h1-responsive {
		font-size:22px;
  		line-height: 22px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.h1-responsive {
		font-size:28px;
  		line-height: 28px;
	}
}

.center {
	text-align: center;
}
.right {
	text-align: right;
}
.normal {
	font-weight: 300;
}
small,
.small { font-size: 85%; }
.small-xs { font-size: 70%; }
.large { font-size: 125%; }
.x-large { font-size: 200%; }
.xx-large { font-size: 300%; }
.xxx-large { font-size: 400%; }
.va-middle { vertical-align: middle; }

b,
strong,
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.underline {
	text-decoration: underline;
}
.uppercase {
	text-transform: uppercase;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
hr,
.hr {
	display: block;
	margin-top: 12px;
	margin-bottom: 12px;
	border: none;
	height: 1px;
	background: #ccc;
}

dl {
  margin-bottom: 12px;
}
dt,
dd {
  line-height: 1.42857143;
}
.itemDefList dt,
.itemDefList dd { line-height:inherit; }
dt {
  font-weight: bold;
}
.checkoutSum dt { /* changed checkout */
	font-weight: inherit;
}
dd {
  margin-left: 0;
}
.itemDefList {
    width: 100%;
    display: inline-block;
}
.itemDefList dt {
	width: 100%;
	float: left;
	clear: left;
}
.itemDefList dd {
	float: left;
	margin-bottom:10px;
}

/* NAV */
.navbg {
	background-color: #eee;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #fff;
	box-shadow: 0 0 10px 2px #aaa;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav ul {
  padding-left: 0;
}
.nav > li {
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 5px;
  font-weight:bold;
}
.nav > li > a:hover,
.nav > li > a:focus {
	text-decoration: none;
	color: #000;
}
.nav > li.disabled > a {
  color: #999999;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.navbar-nav {
	margin: 8px -2px;
}
.navbar-nav > li > a {
  line-height: 30px;
}
.navbar-nav > li > a {
    z-index: 1005;
    float: none;
    padding: 10px 17px 9px;
    border-width: 1px;
    border-style: solid solid none;
    border-color: transparent;
    color: #004d49;
    text-decoration: none;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
	font-size: 1.5em;
}
.navbar-nav > li > a:hover {
	background-color: #ccc;
}
@media (min-width: 992px) {
	.navbar-nav {
		float: left;
		margin: 0;
	}
	.mainNavigation > .navbar-nav {
		clear: left;
	}
	.navbar-nav > li {
		float: left;
	}
	.navbar-left {
		float: left !important;
	}
	.navbar-right {
		float: right !important;
	}
	.navbar-nav > li > a {
		position: relative;
	}
}
/* /NAV */

/* transition */
.nav > li > a,
.nav > li > a:before,
#itemImg {
	-webkit-transition: all 400ms ease 0s;
	-moz-transition: all 400ms ease 0s;
	-o-transition: all 400ms ease 0s;
	-ms-transition: all 400ms ease 0s;
	transition: all 400ms ease 0s;
}

.item-data {
	color: #999;
	font-size: 12px;
}

img {
  border: 0;
}

.info-box {
	border: solid 1px #ccc;
	border-radius: 12px;
	padding: 12px;
	background-color: #ededed;
	margin-top: 20px;
	box-shadow: 0 0 10px 2px #aaa;
	background-image: linear-gradient(165deg,hsla(0,0%,0%,0) 45%,hsl(0, 0%, 66%) 75%);
}
.info-box.box-2 {
	margin-top: 24px;
}